700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > element el-autocomplete模糊搜索 点击clearable清空后 再输入下拉框不显示

element el-autocomplete模糊搜索 点击clearable清空后 再输入下拉框不显示

时间:2019-05-07 13:00:33

相关推荐

element el-autocomplete模糊搜索 点击clearable清空后 再输入下拉框不显示

(一)问题描述

用element 的输入建议框,实现模糊搜索,在点击清空按钮clearable之后,如果输入框已经是聚焦状态,再次输入时建议框不显示。el-autocomplete组件在执行清除事件时,将activated置为了false。当querySearch执行成功,activated仍为false,所以下拉框不显示。

element官网链接:/#/zh-CN/component/input

(二)解决

el-autocomplete添加一个ref属性

<el-autocompleteref="autocomplete"v-model="inputValue":fetch-suggestions="querySearch"placeholder="输入代码":trigger-on-focus="false"@keyup.enter.native="search"@select="handleSelect"@clear="clickClearable"clearable>

添加@clear="clickClearable"事件

修改activatedtrue

clickClearable() {this.$refs.autocomplete.activated = true;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。