vue+elementUI input框之过滤显示
效果图如下:<el-form-item label="Test Filter: "><el-autocompleteclass="inline-input"v-model="form.filter":fetch-suggestions="querySearch"placeholder="请输入内容"...
·
效果图如下:
<el-form-item label="Test Filter: ">
<el-autocomplete
class="inline-input"
v-model="form.filter"
:fetch-suggestions="querySearch"
placeholder="请输入内容"
@select="handleSelect"
></el-autocomplete>
</el-form-item>
methods:{
querySearch(queryString,cb){
let arr = [
{name:'a',value:'he is a gril'},
{name:'b',value:'good name'},
{name:'c',value:'how boy'},
];
let results = queryString ? arr.filter((currentValue,index,arr) => {
console.log(currentValue);//item的每一项
console.log(arr);//arr数组
return (currentValue.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);//满足条件的返回
},this):arr;
cb(results)
},
}
更多推荐
已为社区贡献15条内容
所有评论(0)