后台值传给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);
				})

猜你喜欢

转载自blog.csdn.net/LONGLONGAGO_RU/article/details/83509122