天天看点

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

有问题请直接留言

继续阅读