後臺值傳給vue element Cascader 級聯選擇器

html

<el-cascader
  :options="valueBatch"//選擇框的值
   v-model="selectedOptions"
  filterable
  change-on-select
></el-cascader>

獲取後臺data並賦值

batch().then(res =>{
		//console.log(res.data)
		let batchdata = res.data
		//valueBatch
		let dataValueBatch = batchdata  => batchdata .map(({id, name, children}) => (children ? {
					value    : id,
					label    : name,
					children : dataValueBatch(children),
			} : {
					value : id,
					label : name,
			}));
				this.valueBatch = dataValueBatch(batchdata);
				})

轉載於：https://blog.csdn.net/LONGLONGAGO_RU/article/details/83509122