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

在 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>

然后，当你想要将焦点移动到 input 上时，只需调用 focusInput() 方法即可。

例如，你可以在按钮的点击事件中调用该方法：

<template>
  <el-button @click="focusInput">Focus Input</el-button>
  <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>

这样，当用户点击按钮时，input 组件就会自动聚焦。