elementui 级联选择器数据动态更新后 不回显
时间: 2023-08-20 21:04:04 浏览: 108
详解关于element级联选择器数据回显问题
如果 ElementUI 级联选择器数据动态更新后不回显,可能是因为更新后的数据没有被正确设置为级联选择器的值。
你可以尝试在更新数据后,手动将更新后的数据设置为级联选择器的值。例如,假设你的级联选择器的 v-model 绑定的数据是 `selectedOptions`,那么你可以在更新数据后,将更新后的数据设置为 `selectedOptions` 的值:
```
// 假设更新后的数据是新的选项列表 newOptions
this.options = newOptions;
// 手动设置级联选择器的值为更新后的数据
this.selectedOptions = newOptions;
```
如果以上方法仍然无法解决问题,你可以尝试调用级联选择器的 `clearChecked()` 方法来清空已选中的选项,然后再将更新后的数据设置为级联选择器的值:
```
// 假设更新后的数据是新的选项列表 newOptions
this.options = newOptions;
// 清空已选中的选项
this.$refs.cascader.clearChecked();
// 手动设置级联选择器的值为更新后的数据
this.selectedOptions = newOptions;
```
希望以上方法能够解决你的问题。
阅读全文