代码底部参数截图代码如下="ruleForm.censusLand"style="width:180px;padding-left:7px;width:270px"placeholder="请选择省、市":options="cascaderData1"@expand-change="censusLandChange":props="{value:'id',label:'name',children:'cities'}">data(){retutn{ruleForm:{censusLand//双向binding},cascaderData1:[],//户籍省级一级菜单}}//户籍所在地-选择后下一级censusLandChange(val){this.getCensusLand(val);},//户籍所在地getCensusLand(val){//console.log(val);让idArea;让sizeArea;如果(!val){idArea=null;大小面积=0;}elseif(val.length===1){idArea=val[0];sizeArea=val.length;//3:Level14:Level26:Level3}elseif(val.length===2){idArea=val[1];sizeArea=val.length;//3:1级4:2级6:3级}this.$get("/stu/student/getAreaId",{AreaId:idArea},res=>{//console.log("1111",res);if(sizeArea===1){//设置默认设置基于onthis.cascaderData1.map((value,i)=>{if(value.id===val[0]){if(!value.cities.length){value.cities=res.data.map(;(value,i)=>{return{id:value.id,name:value.name,cities:[]};});}}});}elseif(sizeArea===2){//base将值返回给this.cascaderData1.map((value,i)=>{if(value.id===val[0]){value.cities.map((value,i)=>{if(value.id===val[1]){if(!value.cities.length){value.cities=res.data.map((value,i)=>{return{id:value.id,name:;value.name};});}}});}});}//console.log(this.ruleForm.censusLand);},err=>{});},回显时注意同步(通过newPromise)this.getAllMe();//先获取一级城市//将这段代码放在echo数据的res中(视情况而定)//需要先加载城市级菜单,再加载Provincial()//AccountlocationnewPromise((resolve,reject)=>{letval=[res.data.getupdate.domicileProvinceId];letidArea;letsizeArea;if(!val){idArea=null;sizeArea=0;}elseif(val.length===1){idArea=val[0];sizeArea=val.length;//3:Level14:Level26:Level3}this.$get("/stu/student/getAreaId",{AreaId:idArea},res=>{//console.log("1111",res);if(sizeArea===1){//点击一级加载二级城市this.cascaderData1.map((value,i)=>{if(value.id===val[0]){if(!value.cities.length){value.cities=res.data.map((value,i)=>{return{id:value.id,name:value.name,cities:[]};});}}});}解决(res);},错误=>{拒绝(错误);});}).then(data=>{//使用它们获取第三级this.getCensusLand([res.data.getupdate.domicileProvinceId,//第一级res.data.getupdate.domicileCityId//Level2]);//账户位置}).catch(err=>{console.log(err);});最后双向绑定censusLand//AccountcensusLand:[res.data.getupdate.domicileProvinceId*1,res.data.getupdate.domicileCityId*1,res.data.getupdate.domicileDistrictId*1],就这样吧,我希望对大家有帮助
