el-autocomplete 中querySearch和createFilter分别有什么作用?
<el-autocomplete
class\="inline-input"
v-model\="state2"
:fetch-suggestions\="querySearch"
placeholder\="请输入内容"
:trigger-on-focus\="false"
@select\="handleSelect" >
</el-autocomplete\>
querySearch(queryString, cb) {
var restaurants = this.restaurants;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
// 调用 callback 返回建议列表的数据 cb(results);
},
createFilter(queryString) {
return (restaurant) => {
return(restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0); };
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
querySearch 是输入框查询函数,createFilter 只是示例中传入数组过滤条件的函数而已。在你实际使用中 querySearch 是需要的,createFilter 就不需要了,而是你自己的逻辑。