el-select 不回显
时间: 2023-10-31 09:05:53 浏览: 142
select模型 socket
5星 · 资源好评率100%
当远程搜索时,el-select可能会出现不回显的情况。这是因为页面加载完后,选择器的选项为空,无法进行匹配回显。解决这个问题的方法是在选择器上添加一个@change事件,并在事件触发后执行this.$forceUpdate()函数。这样可以强制更新选择器,使其能够正确获取到值并回显。
例如,在el-select标签上添加@change事件:
```
<el-select v-model="form.gridId" style="width: 100%" placeholder="请选择工作网格" @change="handleSelectChange">
<el-option v-for="s in Grid_to_list" :key="s.gridId" :label="s.gridName" :value="s.gridId" />
</el-select>
```
然后在methods中定义handleSelectChange方法:
```
methods: {
handleSelectChange() {
this.$forceUpdate();
},
}
```
这样,当点击选择器并选中选项后,触发@change事件,执行this.$forceUpdate()函数,可以解决el-select不回显的问题。
阅读全文