代碼:
<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
},
有問題請直接留言