element ui table中显示input时自动聚焦

在 element-ui table 中，你可以在表格的单元格中使用 input 组件。要实现自动聚焦，你可以在 input 组件上使用 ref 属性，并使用 Vue 的 $refs 对象来访问它，然后使用 JavaScript 的 focus() 方法将焦点移动到 input 组件上。例如，在你的 table 组件中，你可以这样写：<template><el-tabl...

46497976464

1001人浏览 · 2023-01-03 14:26:23

46497976464 · 2023-01-03 14:26:23 发布

在 element-ui table 中，你可以在表格的单元格中使用 input 组件。要实现自动聚焦，你可以在 input 组件上使用 ref 属性，并使用 Vue 的 $refs 对象来访问它，然后使用 JavaScript 的 focus() 方法将焦点移动到 input 组件上。

例如，在你的 table 组件中，你可以这样写：

<template>
  <el-table>
    <el-table-column label="Name">
      <template slot-scope="scope">
        <el-input v-model="scope.row.name" ref="input"></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  methods: {
    focusInput() {
      this.$refs.input.focus()
    }
  }
}
</script>