searchBar不能连续输入

来源:10-12 触底自动刷新功能开发

慕粉15201527929

2020-06-30

onConfirm (keyWord) {
if (!keyWord || keyWord.trim().length === 0) {
keyWord = this.hotSearchKeyWord
this.$refs.searchBar.setValue(keyWord)
}
this.onSearch(keyWord)
if (!this.historySearch.includes(keyWord)) {
this.historySearch.push(keyWord)
setStorageSync(KEY_HISTORY_SEARCH, this.historySearch)
}
this.searchFocus = false
}
这里将searchFocus = false 会导致点击搜索后,输入框不能连续输入,只能一个一个输入!这是什么情况!

写回答

1回答

扬_灵

2020-06-30

同学你好,这个是因为在点击回车事件的时候已经将searchFocus = false将是否获取焦点改为false,但是我们点击输入框的时候并没有把这个值true,所以才会出现这样的效果,解决办法是在searchBar组件中添加foucs事件当获取焦点的时候把值改回来。如果不能解决你的问题,可以继续追问。

0
2
慕粉15201527929
非常感谢!
2020-07-01
共2条回复

零基础入门 实战mpvue2.0多端小程序框架

mpvue,一套代码搞定多个平台小程序,前端更易上手

819 学习 · 647 问题

查看课程