element ui table 内嵌 input 调用 focus 方法无效

element ui table 内嵌 input 调用 focus 方法无效<el-table><el-table-column label="名称"><template><el-input ref="inputRef" /></template></el-table-column></el-table>// 无

qq_42431718

1382人浏览 · 2021-10-11 10:01:47

qq_42431718 · 2021-10-11 10:01:47 发布

element ui table 内嵌 input 调用 focus 方法无效

<el-table>
  <el-table-column label="名称">
    <template>
      <el-input ref="inputRef" />
    </template>
  </el-table-column>
</el-table>

// 无效
this.$refs['inputRef'].focus()
this.$refs['inputRef'][0].focus()
this.$refs['inputRef'].$el.children[0].focus()

// 有效
<el-input id="inputRef" />
document.getElementById('inputRef').focus()