调用微信小程序的省市区选择器来完成小程序三级联动
.wxml
<picker mode="region" bindchange="province" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
当前选择:{{region[0]}}{{region[1]}}{{region[2]}}
</view>
</picker>
.js
Page({
data: {
region: ['广东省', '深圳市', '龙华区'],
customItem: ''
},
province: function (e) {
console.log('选择地区', e.detail.value)
this.setData({
region: e.detail.value
})
}
})
这些就是调用微信小程序接口写的省市区三级联动
详细参考:https://developers.weixin.qq.com/miniprogram/dev/component/picker.html
有什么问题欢迎评论留言,我会及时回复你的。