searchBar不能连续输入

Question

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 会导致点击搜索后，输入框不能连续输入，只能一个一个输入！这是什么情况！

Answer 1

扬_灵 2020-06-30 18:04:55

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

• 提问者 慕粉15201527929 #1

  @focus="onFocus"
    onFocus () {
          this.focus = true
          console.log(this.focus)
        }
  
  加上了，focus重新置为true，还是不管用

• 提问者 慕粉15201527929 #2

  非常感谢！