一开始是要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>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐