动漫做暧昧视频网站,软件开发步骤包括哪些,软件开发模型名词解释,网页免费游戏a-auto-complete 请求后端数据做模糊查询#xff0c;解决下拉框选择选不上#xff0c;不回显的问题 记录一个a-auto-complete卡bug卡了两天#xff0c;找不到哪里的问题下拉框选择选不上#xff0c;不回显#xff0c;最后终于解决了。 我还对下拉框显示的内容做了小调整。…a-auto-complete 请求后端数据做模糊查询解决下拉框选择选不上不回显的问题 记录一个a-auto-complete卡bug卡了两天找不到哪里的问题下拉框选择选不上不回显最后终于解决了。 我还对下拉框显示的内容做了小调整。 直接看代码吧。
a-auto-complete v-model:valueinputValue :optionspersonOptions stylewidth: 300px placeholder请输入姓名selectonSelect searchonSearchtemplate #optionitemspan{{ item.name }}/spanbr /span stylecolor:#1890ff{{ item.licenseNumber }}/span/template/a-auto-complete..................
//input值
const inputValue ref();
//下拉框option
const personOptions ref([]);
//输入的事件
const onSearch searchText {
//发送请求获取option数组const param {name: searchText}relationApi.getPerson(param).then((res) {///卡bug的地方就在这请求接口返回的数据了没有value这个字段所以要给option数组里的对象添加value属性///option数组里需要name和value属性const a res.map(item {return {...item,value: item.name}})personOptions.value !searchText? []: a;}).finally(() {})
};
//选择下拉框的事件
const onSelect (value, option) {
/value是下拉框选中的值option是选中的所有属性可以取你自己想要的值我这里取的是option.licenseNumbe然后自己进行后续操作。relationApi.getPersonDetial({ licenseNumber: option.licenseNumber }).then((res) {if (res.body) {treeData.value res.body} else {message.warning(暂无数据)treeData.value []}initTree();}).finally(() {})
};
