结构 给列中的 input打上ref标识 Input_ + $index 索引值 给每个input区分开
我们一般会使用ref给组件打上标识,然后使用focus获取焦距,但在这种情况下是不能实现的
因为组件结构还没有完成好,会找不到组件 这里我们需要使用 $nextTick()
在不同的事件当中,在模板里把$index传入到函数当中,这样就可以知道用户操作的是哪一个
input组件实例 可以打印 this.$refs 查看标记是否成功打上
nextTick 使用 这里refs下的 Input_xxx 需要拼接字符串 所以需要使用 [ ]
this.$nextTick(()=>{
//在这里可以写一些判定条件 比如 什么情况下聚焦
this.$refs['Input_'+$index].focus()
})
// 注意 上面用到 $index索引是因为 这里的 nextTick函数是在一些模板列数据中的一些方法
比如上方的 点击事件 等
也可在别的组件事件身上触发该组件聚焦事件
只需要知道其索引值