使用vue的自定义指令就可以解决了
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
在我们写的input中使用v-focus就可以使用了
<input
size="mini"
v-if="data.needEdit"
:key="data.id"
type="text"
v-model="editFileValue"
v-focus
@blur="afterEditFile(data)"
/>
</span>