ElementUI组件table表格列模板中input组件获取焦点的方法

结构  给列中的 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函数是在一些模板列数据中的一些方法

比如上方的 点击事件 等

也可在别的组件事件身上触发该组件聚焦事件

只需要知道其索引值

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值