网站样式下载,长沙科技网站设计哪家专业,展览网站建设方案,关于网站建设的建议vue 的cascader研究了好长时间#xff0c;看了官网给的示例#xff0c;上网查找了好多信息#xff0c;才解决修改时回显的问题#xff0c;现将方法总结如下#xff1a;
vue代码#xff1a;
el-form-item label芯片 propfirmware 看了官网给的示例上网查找了好多信息才解决修改时回显的问题现将方法总结如下
vue代码
el-form-item label芯片 propfirmware el-cascader refcascader :optionsfirmwareTypeOptions v-modelform.firmware placeholder请选择固件版本类型 stylewidth:100%/el-cascader /el-form-item
js:
data中
// 父节点 firmwareTypeOptions:null,
firmwareMaps: { value:null, label: null, children: null
}
---------------------------方法实现-------------------------
getDictsOne(){ getDicts(this.inverterFirmwareVersionType).then(response { // 定义数组 const nodes[]; var arrresponse.data; for(let i 0; i arr.length; i) { let maps[]; // 赋值 maps.valuearr[i].dictValue; maps.labelarr[i].dictLabel; // 网络模块子模块 if(parseInt(arr[i].dictValue)1){ getDicts(this.inverterFirmwareNetworkModule).then(response { const nodess response.data.map((i, index) ({ value: i.dictValue, label: i.dictLabel, })); maps.childrennodess; }); } // 主控模块子模块 if(parseInt(arr[i].dictValue)2){ getDicts(this.inverterFirmwareMainModule).then(response { const nodess response.data.map((i, index) ({ value: i.dictValue, label: i.dictLabel, })); maps.childrennodess; }); } nodes.push(maps); } this.firmwareTypeOptionsnodes; }); }
效果
