博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
省市区级联
阅读量:5999 次
发布时间:2019-06-20

本文共 1856 字,大约阅读时间需要 6 分钟。

补充 加载多级(省市区)

// 设置prop属性   props:{    label: 'areaName',    value: 'areaId',    //children: 'children',   },       // 获取省市    getProvence() {      post(url, {parentId: 0}).then((res) => {        this.addressObject.list = res && res.data || []        this.addressObject.list.forEach((item,index)=>{          this.$set(this.addressObject.list[index], 'children', [])        })      })    },    // 级联选择器    handleAddressChange(val) {      if(val.length <= 0 ) return;      let provinceList = this.addressObject.list;      let provinceLength = provinceList.length;      let provinceAreaId = val[0];      if(val.length === 1)  {         // 省areaId, 获取省下面所有的市        post(url, {parentId: provinceAreaId}).then((res) => {          for(let i = 0; i < provinceLength; i++) {            if(provinceList[i].areaId === provinceAreaId) {              this.$set(provinceList[i], 'children', res && res.data  || []);              provinceList[i].children.forEach((item,index)=>{                 this.$set(provinceList[i].children[index], 'children', [])              })              break;            }          }        })      }      if(val.length === 2)  {        let cityId = val[1]; // 市areaId,获取市下面所有的区        post(url, {parentId: cityId}).then((res) => {          for(let i = 0; i < provinceLength; i++) {            if(this.addressObject.list[i].areaId === provinceAreaId) {              let findProvince = this.addressObject.list[i];              let cityList = findProvince.children;              let cityLength = cityList.length;              for(let j = 0; j < cityLength; j++){                  if(cityList[j].areaId === cityId) {                    this.$set(cityList[j], 'children', res && res.data  || []);                    break;                  }//if              }//for              break;            }//if          }//for        })      }    },复制代码

转载地址:http://zlzmx.baihongyu.com/

你可能感兴趣的文章
Dubbo深入学习了解
查看>>
在阿里架构师眼中构建一个较为通用的业务技术架构就是如此简单
查看>>
看图了解RocksDB
查看>>
HCNR200二三事
查看>>
LNMP环境介绍
查看>>
php动态扩展模块安装
查看>>
在小程序上开商城应如何吸引流量
查看>>
人工智能的春天来了!Tesra超算网络,助力AI开发!
查看>>
python项目实战:调用百度API智能识别汽车型号
查看>>
只有1%的Python 程序员搞懂过浮点数陷阱
查看>>
适配器模式(对象适配器)
查看>>
多线程的Join方法
查看>>
http协议之post请求(socket请求web内容)
查看>>
vi常用命令
查看>>
你可以知道的关于XMind的样式
查看>>
温习一下swift3 预习siwft4
查看>>
【转】document.body.offsetWidth
查看>>
107条Javascript的常用语句 - [JS]
查看>>
Hibernate Annotation多表继承映射存储与查询
查看>>
多页Excel转换成PDF时如何保存为单独文件
查看>>