苏州网页建站服务商,全国中高风险地区,王烨玺,网络公司规章制度范本如下图,要实现的功能如下,勾选三级联动的材料,勾选最后一级的材料,把勾选的材料信息动态添加到下面表格中1 data数据return {options:[], // 三级联动 数据optionsObj : {} //{id: item} 材料id键值对clList: [], // 选中的材料}2 从后台获取三级联动数据getDataTrees(){this.s…如下图,要实现的功能如下,勾选三级联动的材料,勾选最后一级的材料,把勾选的材料信息动态添加到下面表格中1 data数据return {options:[], // 三级联动 数据optionsObj : {} //{id: item} 材料id键值对clList: [], // 选中的材料}2 从后台获取三级联动数据getDataTrees(){this.startLoading()this.$post(/api/pc/CategoryController/getCategoryAreaTree, {},data{console.log(TCL: getInit - data, data,6766)this.optionsdata.treethis.optionsObj this.getLastTree(this.options, {}) //调用封装的函数 把最后一项添加到函数中})},3 获取最后一级材料 函数getLastTree(arr, obj){arr.map(item { //遍历材料树 如果有下级材料,就一直调用函数循环,没有就就向 0bj 对象中添加最后一项if(item.children){this.getLastTree(item.children, obj)}else{obj[item.id] item// item.children []}})return obj},4 三级联动多选事件changeSelectTree(val){let ids []this.clList [] //每次调用初始化 clList 里的值val.map(item {ids.push(item[item.length-1]) //把选中的最后一项的id添加到 ids 数组中})ids.map(item {this.clList.push(this.optionsObj[item]) // 循环选中的每一项,在optionsObj 对象中找到 并添加到 clList数组中})console.log( this.clList)this.dialogVisibleTableData02this.deepClone(this.clList)},
