vue中的input框点击后不聚焦问题怎么解决(input,vue,开发技术)

时间:2024-04-29 22:03:13 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue%E4%B8%AD%E7%9A%84input%E6%A1%86%E7%82%B9%E5%87%BB%E5%90%8E%E4%B8%8D%E8%81%9A%E7%84%A6%E9%97%AE%E9%A2%98%E6%80%8E%E4%B9%88%E8%A7%A3%E5%86%B3

废话不多说直接上代码

哪个地方要写input框 就直接把这一部分代码放上 里面双向绑定的值和事件换上自己定义的

在方法里写上这些

只复制这些就行 input里绑定的事件以及要实现的方法 写在这个事件同级的地方

1、给 input 加个 ref 属性,写个 button 按钮并加个点击事件

2、onFocus方法:

如果input框是隐藏的,点击某个元素让input框显示,同时聚焦,这个时候聚焦效果就不会实现。

解决办法:

点击元素的时候用个变量做标识,然后再watch里面去监听这个变量,通过判断这个变量的值来聚焦,

可以写在setTimeout里面,或者写在nextTick里面即可解决问题;代码如下

本文:vue中的input框点击后不聚焦问题怎么解决的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Go怎么实现WebSockets下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18