最近的产品需要选择省市，效果推荐使用element-UI的级联级联，我是第一次用这个插件，不过要在原有cascade级联的基础上增加一个“全选”按钮，全选功能的属性设置查看官方文档。搜索没有找到好的解决方案。最后想请教大牛，下面是实现全选的方法。（官方文档地址：https://element.eleme.cn/#/zh-CN/component/cascader）方法是：从树结构中提取数据。只需更改模型结构即可。需要参考（官方下载）：JS代码:vardata=[{id:1,name:'东南',children:[{id:2,name:'上海',children:[{id:3,name:'普陀'},{id:4,name:'黄埔'},{id:5,name:'徐汇'}]},{id:7,name:'江苏',children:[{id:8,name:'南京'},{id:9,name:'苏州'},{id:10,name:'无锡'}]},{id:12,name:'浙江',children:[{id:13,name:'杭州'},{id:14,name:'宁波'},{id:15,name:'嘉兴'}]}]},{id:17,name:'西北',children:[{id:18,name:'陕西',children:[{id:19,name:'西安'},{id:20,name:'延安'}]},{id:21,name:'新疆维吾尔族自治区',children:[{id:22,name:'乌鲁木齐'},{id:23,name:'克拉玛依'}]}]}];varMain={data(){return{check:false,casVal:[],quchong:[],props:{multiple:true,value:'id',label:'name'},options:data};},computed:{allCheckValues(){varmodel=[]functiontree2arr(arr,str,level){arr.forEach(it=>{letnewStr=str.length?[...str,it.id]:[it.id];if(it.children){tree2arr(it.children,newStr,level+1)}else{model.push(newStr)}})}tree2arr(this.options,[],0)返回模型},},方法：{onCheck(v){this.casVal=v?this.allCheckValues:[]console.log(this.casVal)},handleChange(value){letselectVal=value;this.allCheckValues.length==selectVal.length?this.check=true:this.check=false;console.log(selectVal,'选中的vlaue值')},}};varCtor=Vue.extend(Main)newCtor().$mount('#app')
