码迷,mamicode.com
首页 > 其他好文 > 详细

vue中控制input获取焦点

时间:2019-12-18 12:29:19      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:自定义指令   ima   alt   表格   通过   中控   两种   put   定义   

遇到一个任务需要实现直接点击内容来编辑,光标离开Input就保存内容

技术图片

 

点击内容实现下面这种获取点击表格内input光标

 技术图片

 

 我找了下,有ref和自定义指令两种,我选了比较适合的ref来操作

ref在循环外和循环中被获取到的是两种状态,当有多个ref相同时,通过this.$refs.ref获取循环外的ref只会获取到最后一个元素,在循环中会获取到所有相同ref元素的数组。

所以我给了所有input相同的ref再通过点击使用index来使目标input获取焦点:this.$refs.ref[index].focus(),这样就解决了最大的难题。

vue中控制input获取焦点

标签:自定义指令   ima   alt   表格   通过   中控   两种   put   定义   

原文地址:https://www.cnblogs.com/sxsyhyk/p/12059012.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!