後臺獲取的數組中每一個對象必須要有一個value字段, 因為autocomplete只識別value字段並在下拉列中顯示

為什麽選擇input組件群下的el-autocomplete 而不是select下的遠程搜索?
因為點擊選中時可獲取到選中行的附帶信息即一個對象, 而select組件下的遠程搜索只能選中點擊的字符串.

<el-autocomplete v-model="addressForm.linkName" :fetch-suggestions="remoteMethod" placeholder="請輸入內容" @select="handleContactSelect"></el-autocomplete>

async remoteMethod(query, cb) {
var list = []
if (query !== ‘‘) {
this.queryContactList.name = query
this.queryContactList.belongId = this.value
try {
const response = await fetchContactDownList(this.queryContactList)
let resData = response.data
if (resData.code === 0) {
this.contactOptions = resData.data.list
for (let i of this.contactOptions) {//在這裏為這個數組中每一個對象加一個value字段, 因為autocomplete只識別value字段並在下拉列中顯示
i.value = i.contactName
}
list = this.contactOptions
cb(list)
} else {
this.$message({
message: resData.msg,
type: ‘error‘
})
}
} catch (error) {
console.log(error)
}
}
cb(list);
},

使用element-ui是下拉篩選選擇