ElementUI组件模板之自动完成el-autocomplete

版本号

"vue": "2.6.10"
"element-ui": "2.13.0"

代码如下

  
    
      {{item.name}}
    
  




export default {
  data() {
    return {
      keywords: "",
      list: [
        {
          name: "张三"
        },
        {
          name: "李四"
        }
      ]
    };
  },

  methods: {
    querySearchAsync(queryString, cb) {
      let result = this.list.filter(item => {
        if (item.name.indexOf(queryString) > -1) {
          return true;
        }
      });

      cb(result);
    },

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

参考 https://element.eleme.cn/#/zh-CN/component/input#zi-ding-yi-mo-ban