之前的那篇百度小程序三级联动的博客自认为写得不够好,比较偏理论,基本在讲picker组件中的各个参数的意思;这篇是在上一篇的基础上对三级联动重写了一遍,实现的效果要比上一篇好,还支持用户点击编辑收获地址的时候input框内显示省市区地址。
上篇的三级联动的省市区数据都是通过发送请求获取的,本篇的三级联动的数据都是使用本地文件里面的数据,具体看下面代码。
addAddress.js
editAddress.js
编辑收获地址时获取当前地址的省市区的操作步骤是:
1.发请求拿到当前地址的信息,里面会包含一个regionCode,就是区的编号
2.通过对区的编号进行字符串截取得到市和省的编号,然后做把市很省的编号在文件里面做匹配,通过findIndex()函数找到当前对象所在数组中的下表
3.在初始函数 getDetailAddressInfoMethod中将上面三个编号所在数组对象中的index拿出来setData更新到multiIndex中即可