vue el-select重新赋值选中之后为什么不显示
时间: 2023-07-24 08:16:34 浏览: 122
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
可能是因为重新赋值后,el-select的绑定值(v-model)没有同步更新导致的。你可以尝试在重新赋值后手动更新绑定值,例如:
```javascript
this.selectedValue = newValue; // 将新的值赋给绑定值
this.$nextTick(() => {
this.$refs.select.clearSingleSelect(); // 先将选中状态清空
this.$refs.select.setCurrentOption(this.selectedValue); // 再设置新的选中状态
});
```
其中,`$nextTick`方法可以确保在DOM更新后再执行操作,`$refs.select`可以获取到el-select组件的实例,通过调用其方法来修改选中状态。
阅读全文