element UI带输入建议输入框el-autocomplete点击回车下拉框不消失问题

问题描述

element UI带输入建议输入框el-autocomplete点击回车下拉框不消失问题_第1张图片
点击回车(或者自己定义的icon图标)不能收起建议框

解决

当建议框的内容为空的时候建议框会自己收起

<el-autocomplete
		//	加一个ref
        ref="autocomplete"
        class="my-input"
        v-model="sub"
        :fetch-suggestions="querySearch"
        placeholder="输入内容"
        :trigger-on-focus="false"
        @keyup.enter.native="search"
        @select="handleSelect">
        <i slot="suffix" class="el-icon-search" @click="search"></i>
</el-autocomplete>
search() {
	//把suggestions置空
    this.$refs.autocomplete.suggestions = [];
}

问题已解决,在点击回车和icon搜索图标时会收起建议框

你可能感兴趣的:(项目问题小记,javascript,css3,vue.js,html5)