凡科建站网页版,深圳网站官网建设,网络公关团队,建设网站需要哪些步骤后端同事返回的级联选择器数据的children是childrens#xff0c;而组件渲染只识别children#xff0c;所以需要props自定义传入#xff0c;代码如下
el-form-item label应用页面#xff1a; propappIdel-cascader:props{ child…后端同事返回的级联选择器数据的children是childrens而组件渲染只识别children所以需要props自定义传入代码如下
el-form-item label应用页面 propappIdel-cascader:props{ children: childrens }:optionsoptionsv-modelformData.appIdclearablechangehandleChangecasca2/el-cascader/el-form-item因为后端同事最后一层对象也返回了children,但是数据是空这时候级联的最后一层就没法选择所以需要将最后一层对象的children设置为undefine这样子就可以选了
this.getTreeData(this.options); //传入数据处理 // 递归判断列表把最后的children设为undefinedgetTreeData(data) {for (var i 0; i data.length; i) {if (data[i].childrens.length 1) {// children若为空数组则将children设为undefineddata[i].childrens undefined;} else {// children若不为空数组则继续 递归调用 本方法this.getTreeData(data[i].childrens);}}return data;},
