mint|mint ui 地址三联动
首先 需要一份地址的json文件,GitHub - zhijianxuanlv/PCDPlist 包含了一份address.json 文件
如果你还是一位iOSer 那么可以通过xcode 自己生成一份符合公司数据库json文件,PCDPlist项目生成plist文件 需要在转化成json文件。有网站可以进行这个操作。
正文
如果你的前端项目使用了 mintui 这个组件的话 那么项目中地址三联动一定少不了了。
废话少说 上代码
文章图片
1 坑1 一定要注意 这里面valueKey 这个值的设定 需要让你的省市区json数据 都是相同的key value 例如 省 {"id": "654300", "name": "\u963f\u52d2\u6cf0\u5730\u533a"},那么市也需要满足这种条件 市{"id": "654300", "name": "\u963f\u52d2\u6cf0\u5730\u533a"},区也是这样{"id": "654300", "name": "\u963f\u52d2\u6cf0\u5730\u533a"}
设置数据源
文章图片
2 注意方法 组件mt-pickerapi @change="onNewAddressChange
文章图片
3 坑2 一定要判断values[1]和value[2] 要判断是否是 undefined 要不然项目报错
最后 设置piker 默认选中mounted() {
this.$nextTick(() => {
// this.myAddressSlots[0].defaultIndex = 0;
//
【mint|mint ui 地址三联动】});
推荐阅读
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- 第三节|第三节 快乐和幸福(12)
- android第三方框架(五)ButterKnife
- 遇到一哭二闹三打滚的孩子,怎么办┃山伯教育
- 三十年后的广场舞大爷
- 一百二十三夜,请嫁给我
- 2018年9月5日,星期三,天气晴
- 即将到手三百万