Element UI autocomplete带输入建议 自动补全后缀（邮箱地址）

Element UI autocomplete带输入建议 自动补全后缀（邮箱地址）

官网介绍

autocomplete 是一个可带输入建议的输入框组件，fetch-suggestions 是一个返回输入建议的方法属性，如 querySearch(queryString, cb)，在该方法中你可以在你的输入建议数据准备好时通过 cb(data) 返回到 autocomplete 组件中。

这个组件会带着建议，这里我读了读代码，把它改成自动补全后缀邮箱的，效果如下

按着官网给出的复制，然后把两个事件改成我下面的

   <el-autocomplete :fetch-suggestions="querySearch" :trigger-on-focus="false">el-autocomplete>

   methods: {
      querySearch(queryString, callback) {
          let restaurants = this.restaurants
          let results = JSONarse(JSON.stringify(restaurants))     //把数组的浅复制换成深复制
          for (let item in results) {
              results[item].value = queryString + '' + restaurants[item].value
          }
          callback(results)
      },
      createFilter() {   //直接删了就行
      },
      loadAll() {
          return [
              {"value": "@qq.com"},
              {"value": "@126.com"},
              {"value": "@163.com"},
              {"value": "@sohu.com"}
          ]
      }
  }

这样就OK了