天天看點

elemetnUI,autocomplete添加clear清除之後,輸入後傳回資料不渲染

代碼:

<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
  },
           

有問題請直接留言

繼續閱讀