<el-autocomplete
v-model="inputValue"
:fetch-suggestions="querySearch"
@select="handleSubmit"
></el-autocomplete>
data() {
return {
inputValue: "",
};
},
methods: {
handleSubmit() {
//选中的时候的操作
},
//输入框获取焦点时调用的方法
querySearch(queryString, cb) {
let results = this.allInfos;
results = queryString
? results.filter(this.createFilter(queryString))
: results;
cb(results);
},
// match方法,是模糊匹配
createFilter(queryString) {
return (item) => {
return item.value.toUpperCase().match(queryString.toUpperCase());
};
},
// indexOf,是精确匹配
createFilter(queryString) {
return (item) => {
return item.value.toUpperCase().indexOf(queryString.toUpperCase() == 0);
};
},
},
12-22
3721
01-03
1403
06-16
1万+
03-02
3690
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交