<el-autocomplete
ref="breedbasecodeRef"
v-model="baTable.form.items!.breedbasecode"
:fetch-suggestions="toGetBreedbaseList"
value-key="breedbasecode"
placeholder="请输入基地编号"
@select="handleSelectCode"
/></el-form-item>
原因是每次选择完数据后会再次调用 fetch-suggestions 绑定的方法导致弹框再次弹出
解决方案就是当用户选着完数据后让这个input组件失去焦点就好了
代码如下
const handleSelectCode = (item: any) => {
breedbasecodeRef.value.activated = false
}