代码:
<el-autocomplete prefix-icon="el-icon-search" style="width:100%;" v-model="searchText"
clearable
ref="autocomplete"
placeholder="请输入需要查找的关键词进行查找"
:fetch-suggestions="querySearch" @keydown.enter.native='searchStart'
:trigger-on-focus="false" @select="handleSelect" @input="loadAll"
:disabled="sxFlag"
@clear="blurForBug()"
>
<template slot-scope="{item}">
<div>{{item}}</div>
</template>
</el-autocomplete>
//需求是在这个框内,加入清空删除小按钮操作,但是会出现点击后,关联后端返回数据渲染失效,
那么我们可以加一个清除事件
//清空
blurForBug(){
this.$refs.autocomplete.activated = true
},
有问题请直接留言