<template>
<Select
ref="setQuery"
:value="value"
filterable
transfer
clearable
label-in-value
:default-label="label"
:remote-method="find"
:disabled="readonly"
:loading="loading"
:placeholder="placeholder"
@on-change="handleSelect"
@on-clear="handleSelect"
>
<Option
v-for="item in arr"
:key="item[keys.value]"
:disabled="!item[keys.disabled]&&disabled"
:value="item[keys.value]"
:label="item[keys.label]"
/>
</Select>
</template>
handleSelect(obj = {}) {
this.$emit('change', obj.value)
if (!obj.value) this.arr = []
}
问题描述:自定义封装select组件,在model里填写表单,在编辑数据时,封装的远程搜索select下拉组件第一次默认值可以选中,在操作后,再次打开model,默认值不选中
解决:model在掩藏时,监听显示掩藏时表单会重置,重置触发select change事件 此时判断value是否存在 不存在options 循环数组设置为空数组