vue select联动 设置filterable坑

需求:
平台改变 获取服务类目List
服务类目改变 获取模板标题List
模板标题改变 获取关键词List
由于模板标题List数据条数较多,因此需要设置可搜索选择

问题:由于模板标题加了【filterable】属性。当服务类目改变时,模板标题要么显示无匹配数据,要么是上次选择的值。总之不会正常显示接口返回的数据。

解决思路:将上次选择的值重置,清空。
参考链接:https://blog.csdn.net/OldStreet61/article/details/88742445

解决代码如下:


        
 
      
 // 服务类目改变
 serviceCategoryChange(data){
 	......
    // 将模板标题上次选择的值 重置 清空
   this.$refs.dataSet.setQuery(null)
   // 获取模板标题List
   this.getTemplateTitleList()
},

vue select联动 设置filterable坑_第1张图片

你可能感兴趣的:(vue.js,前端,iview)