ant design vue AutoComplete 通过请求后端返回服务器端数据例子
一开始是要ant design vueSelect 选择器写的一个单选数据,然后今天说需要输入,再选择才有效,问能不能优化,他们意思说我可以输入,不选择也可以选择也能查询,后面找了一下感觉改Select 选择器可输入可选择有点麻烦,看到有说用AutoComplete的,然后去官网看了一下,自己动手,然后用AutoComplete是可以,噢耶(⊙_⊙)代码也比较简单。。。<template&g
·
一开始是要ant design vue Select 选择器写的一个单选数据,然后今天说需要输入,再选择才有效,问能不能优化,他们意思说我可以输入,不选择也可以选择也能查询,后面找了一下感觉改Select 选择器可输入可选择有点麻烦,看到有说用AutoComplete的,然后去官网看了一下,自己动手,然后用AutoComplete是可以,噢耶(⊙_⊙)
代码也比较简单。。。
<template>
<a-auto-complete
:data-source="projectNumList"
placeholder="请选择项目号"
@search="onSearch"
size="small"
/>
</template>
<script>
export default {
data() {
return {
dataSource: [],
};
},
methods: {
onSearch(v) {
this.$axios({
method: 'get',
url: API.newAdd_experimentPro_search,
params: { projectNum: v }, // 参数
}).then(res => {
let list = []
res.data.map(item=>{
list.push(item.projectNum)
})
this.projectNumList = list //下拉框的数据
})
},
}
};
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)