<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
}
文章描述了一个在Vue应用中使用el-autocomplete组件时遇到的问题,即选择数据后fetch-suggestions方法被多次调用,导致弹框持续弹出。解决方案是通过在handleSelectCode方法中设置组件的activated属性为false,使输入框失去焦点,从而防止额外的请求。
1778

被折叠的 条评论
为什么被折叠?



