vue中的input框点击后不聚焦问题怎么解决
导读:本文共1126.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: input框点击后不聚焦问题废话不多说直接上代码哪个地方要写input框 就直接把这一部分代码放上 里面双向绑定的值和事件换上自己定义的 <divclass="item"@click.stop.prevent="inputPaentClick('input1')"><inputref... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。废话不多说直接上代码
哪个地方要写input框 就直接把这一部分代码放上 里面双向绑定的值和事件换上自己定义的
在方法里写上这些
只复制这些就行 input里绑定的事件以及要实现的方法 写在这个事件同级的地方
1、给 input 加个 ref 属性,写个 button 按钮并加个点击事件
2、onFocus方法:
如果input框是隐藏的,点击某个元素让input框显示,同时聚焦,这个时候聚焦效果就不会实现。
解决办法:
点击元素的时候用个变量做标识,然后再watch里面去监听这个变量,通过判断这个变量的值来聚焦,
可以写在setTimeout里面,或者写在nextTick里面即可解决问题;代码如下
本文:
vue中的input框点击后不聚焦问题怎么解决的详细内容,希望对您有所帮助,信息来源于网络。