获取后台传过来的数据,同样的数据存在两个变量中
classList:[],
classListCopy:[],
页面
<el-select v-model="form.courseSubjectId" placeholder="请选择科目" filterable :filter-method="dataFilter">
<el-option v-for="item in classList" :key="item.subjectId" :label="item.subjectName" :value="item.subjectId" />
</el-select>
方法
dataFilter(val) {
this.value = val;
if (val) { //val存在
this.classList = this.classListCopy.filter((item) => {
if (!!~item.subjectName.indexOf(val) || !!~item.subjectName.toUpperCase().indexOf(val.toUpperCase())) {
return true
}
})
} else { //val为空时,还原数组
this.classList = this.classListCopy;
}
},