关于el-cascader 懒加载多选回显

有没有会 el-cascader 懒加载多选回显 的,能否给我一个思路。

使用 el-cascader 组件进行懒加载多选回显,可以在页面初始化时使用 el-cascader 的 props 属性 value 进行初始化,该属性表示当前选中的值,并且要使用数组的形式表示。

例如,在使用懒加载的情况下,可以在初始化时将 el-cascader 组件的 value 属性设置为当前选中的值的数组,如下所示:

<el-cascader
  ref="cascader"
  :options="options"
  :props="cascaderProps"
  :value="selectedValues"
  @change="handleChange"
  @active-item-change="handleActiveItemChange"
  filterable
  clearable
  multiple
  style="width: 100%"
></el-cascader>

在这里,selectedValues 是一个数组,表示当前选中的值。
接下来,在组件的数据中,可以定义一个 selectedValues 变量,并在初始化时设置为当前选中的值的数组,如下所示:

data() {
  return {
    selectedValues: [], // 当前选中的值的数组
    options: [], // 级联选择器的数据源
    cascaderProps: {
      value: 'value',
      label: 'label',
      children: 'children'
    }
  }
}

最后,在组件的方法中,可以定义一个 handleChange 方法,用来处理级联选择器的值改变事件,在该方法中,可以将新的选中值设置到 selectedValues 变量中,以实现多选回显的效果。

我没记错的话 回显的时候设置 selectedValues 这个 把你点击的key 一层层全传进去 好像就会自动调用你load绑定的函数走你的逻辑自动加载~~