autocomplete-输入框可单选可输入

最新推荐文章于 2024-08-11 22:22:51 发布

zk3003

最新推荐文章于 2024-08-11 22:22:51 发布

阅读量97

点赞数 2

文章标签：前端 javascript

本文链接：https://blog.csdn.net/zk3003/article/details/140106466

版权

问题描述

autocomplete-输入框可单选可输入：

html

<el-autocomplete
 	v-model="searchVal"
   :fetch-suggestions="querySearch"
 ></el-autocomplete>

script

function querySearch(queryString, cb) {
    const restaurants = state.localAll
     const results = queryString
       ? restaurants.filter(createFilter(queryString))
       : restaurants
     // 调用 callback 返回建议列表的数据
     cb(results)
   }

   function createFilter(queryString) {
     return restaurant => {
       return (
         restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
         0
       )
     }
   }