el-cascader 懒加载 多选回显

回答: 对于el-cascader懒加载多选回显的问题，可以通过给el-cascader设置key属性来实现重新渲染和回显。具体的解决方案是，在el-cascader组件上添加key属性，并将key值设置为一个变量，当需要重新渲染和回显时，改变这个变量的值即可。例如，在代码中可以添加一个keys变量，并将其作为key属性的值。当需要重新渲染和回显时，改变keys的值即可实现回显。\[2\]具体代码如下所示：

<el-cascader ref="cascader" :props="props" :key="keys" v-model="values"></el-cascader>

export default {
  data() {
    return {
      keys: 0,
      props: {
        lazy: true,
        lazyLoad(node, resolve) {
          // 懒加载数据的逻辑
        }
      },
      values: \[\] // 已选中的值
    };
  },
  methods: {
    handle() {
      // 重新渲染和回显的逻辑
      this.keys++;
    }
  }
}

通过改变keys的值，el-cascader组件会重新渲染，并将已选中的值回显出来。这样就可以实现el-cascader懒加载多选的回显功能。
#### 引用[.reference_title]
- *1* *2* [Element UI 使用el-cascader级联选择器懒加载数据回显解决方案](https://blog.csdn.net/qq_37552329/article/details/127102141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v4^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]