Bootstrap

el-cascader数据渲染及回显至页面(以及踩坑历程+解决)

第一次使用el-cascader就把坑踩了个遍,写个记录,也希望能够帮助到同为小猿的你们。

下面是我写的一个还原项目的例子

Bug1  首先是最小子集仍然有children,但是children为空数组,el-cascader渲染时,发现有children所以继续渲染了,只是没数据

 

  <el-cascader
          :props="defaultParams"
          :options="options"
          v-model="form.selectedOptions"
        >
        </el-cascader>


//option是要选择的数据

 options: [
        {
          id: "1",
          name: "水果",
          level: "1",
          pid: "0",
          status: "1",
          sub: [
            {
              id: "4",
              name: "苹果",
              level: "2",
              pid: "1",
              status: "1",
            
;