el-autocomplete 模糊查询的使用

重点是: value-key=“sensitiveWords” 这个
数据中关键词是’sensitiveWords’

   <el-autocomplete
            size="mini"
            class="inline-input"
            v-model="form.bannedWord"
            :fetch-suggestions="querySearch"
            placeholder="请输入内容"
            style="width:45%"
            @select="handleSelect"
            value-key="sensitiveWords"
          ></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.sensitiveWords.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
      };
    },

    handleSelect(item) {
      console.log(item);
    },

版权声明:本文为weixin_44242623原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。