本文實例講述了Vue Autocomplete 自動完成功能。分享給大家供大家參考，具體如下：

頁面 ：

用閉包的方式，index表示第幾個組件

<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="請輸入內容" @select="((item)=>{handleSelect(item, index)})"></el-autocomplete>

JS：

methods: {    querySearchAsync(queryString, callback) {      var list = [{}];      //調用的后臺接口      //let url = 后臺接口地址 + queryString;      //從后臺獲取到對象數組      this.$http({        url: this.$http.adornUrl('yjtgateway/goods'),        method: 'get',        params: this.$http.adornParams({keyword:queryString})      }).then(({data}) => {        for(let i of data.content){          i.value = i.goodsCode; //將想要展示的數據作為value        }        list = data.content;        callback(list);      }).catch((error) => {        console.log(error)      })    },    handleSelect(item,index) {     this.dataForm.items[index] = item    }}

希望本文所述對大家vue.js程序設計有所幫助。