Vue Autocomplete自動完成機能の簡単な例
1247 ワード
本論文の実例は、Vue Autocompletteの自動完成機能について述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
ページ:
閉じた形で、indexはいくつかのコンポーネントを表します。
ページ:
閉じた形で、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プログラムの設計に役に立ちます。