el-select三级联动多选

el-select是Element UI库中的一个下拉选择组件，它支持三级联动或多级联动，即当用户在第一级、第二级下拉框中做出选择后，第三级下拉框会根据前两级的选择动态加载数据。多选功能允许用户同时选择多个选项。

在使用三级联动或多级联动的el-select时，通常需要以下几个步骤：

1. 定义数据结构：数据应该包含嵌套的层级结构，例如每个级别的options数组。

[
  {
    label: '一级分类',
    value: '0',
    children: [
      {
        label: '二级分类',
        value: '0-0',
        children: [
          { label: '三级分类', value: '0-0-0' },
          // ...
        ]
      },
      // ...
    ]
  }
]

2. 初始化el-select：设置multiple属性开启多选，data属性传入嵌套数据。

<el-select v-model="selectedValues" multiple :data="options" placeholder="请选择">
</el-select>

data() {
  return {
    selectedValues: [], // 存储用户选择的值
    options: [...], // 初始化的数据结构
  };
}

3. 动态加载：当用户选择一级或二级选项时，可以根据它们的value从服务器获取对应的三级选项并更新数据。

通过监听`change`事件或使用`el-select`提供的`remote-method`属性，可以在用户交互时触发数据的动态加载。