vue+elementUI input框之過濾顯示
阿新 • • 發佈:2018-12-11
效果圖如下:
<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) }, }