element级联选择器Cascader的配置

数据结构

[
 {
  "id":"1390550267618926593",
  "rfqcode":"ESCRFQ2021043000003",
  "subcode":"",
  "itemname":"商务",
  "esbiddocformatList": [
	{"id": "1390550267656675330", "rfqcode": 	      "ESCRFQ2021043000003", "subcode":"", "itemname": "技术标", 	  },
	{"id": "1390550267656675330", "rfqcode": 	      "ESCRFQ2021043000003", "subcode":"", "itemname": "技术标", 	  }
}
]

<el-cascader
 expand-trigger="hover"
   :options="biddocLocationList"
   :props="Params"
   :show-all-levels="false"
   v-model="scope.row.biddoclocation"
  >
  </el-cascader>

props参数配置：

刚开始配置，从接口获取参数我是按照上面的方式转化成Cascader要求的数据结构，后来发现props配置项

Params: {
      label: 'itemname',
      value: 'id',
      children: 'esbiddocformatList'
  }

方便省事

动态加载数据