vue中动态el-select下拉多级联动

项目场景：vue中使用下拉框多级联动

提示：这里简述项目相关背景：

例如：el-select下拉框多级联动

---

原理

`提示：通过对数据的处理实现动态多级下拉功能

子组件
    <el-select v-model="selectedValueArr[index]" value-key="id" clearable v-for="(item, index) in selectList.length" :key="index" @change="(value) => changeSelectData(value, index)">
       <el-option v-for="item of selectList[index]" :key="`${item.id}${index}`" :label="item.categoryName" :value="item"></el-option>
     </el-select>

  props: {
   
    value: {
    //接受参数
      type: Array
    }
  },

data() {
   
	return {
   
		selectedValueArr: [], //下拉框选中数据
		selectList: []