点击清除按钮，如何做到input不失焦

分类：uni-app

input

<input :focus="focus" :value="inputClearValue"/>    
<view @click="clearIcon" >清除</view>    

clearIcon() {    
this.inputClearValue=""    
ths.focus=true    
}

场景：仿照微信的搜索框清除按钮，输入内容并点击x后，希望input框中的内容被清除，并且不失焦。
点击清除按钮后，input便失焦了，如何解决这个问题？如何阻止默认失焦事件。

2019-09-13 09:46 负责人:无分享

3 个回复

1***@qq.com (作者) - 90后IT新秀

HTML  
<input type="text" ref="content" />  
<button @click="getFocus">getFocus</button>  

VUE  
...  
getFocus(){  
    this.$refs.content.focus()  
}

试了一下，这种方案在小程序中不可行。

v***@sina.com

{
"path": "pages/login/login",
style": {
// "navigationStyle":"custom",
"backgroundColorTop": "#FFFFFF",
"navigationBarTitleText": "",
"app-plus": {
"softinputNavBar": "auto",
"bounce":"none"
}
}
},
我也遇到这个问题了，在pages.json里对应路由"softinputNavBar": "auto",应为auto或者把这个属性删除，你可以试试。参考：https://uniapp.dcloud.io/collocation/pages?id=app-plus

3***@qq.com

大佬你的问题解决了吗

该问题目前已经被锁定, 无法添加新回复

点击清除按钮，如何做到input不失焦

3 个回复

公告

相关问题

点击清除按钮，如何做到input不失焦

与内容相关的链接

3 个回复

公告

相关问题