1. 在wxml文件中添加picker组件
{{region[0]}} {{region[1]}} {{region[2]}}
2. 在js文件中定义region变量，并在onLoad函数中初始化
Page({
data: {
region: ['北京市', '北京市', '东城区']
},
onLoad: function () {
// 初始化region变量
this.setData({
region: ['北京市', '北京市', '东城区']
})
},
bindRegionChange: function (e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
region: e.detail.value
})
}
})
3. 在onLoad函数中获取用户已选择的省市区信息，并将其赋值给region变量文章来源：https://www.toymoban.com/news/detail-719317.html
Page({
data: {
region: []
},
onLoad: function () {
// 获取用户已选择的省市区信息
wx.getStorage({
key: 'region',
success: (res) => {
console.log(res.data)
this.setData({
region: res.data
})
}
})
},
bindRegionChange: function (e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
region: e.detail.value
})
// 将用户选择的省市区信息保存到本地
wx.setStorage({
key: 'region',
data: e.detail.value
})
}
})
)文章来源地址https://www.toymoban.com/news/detail-719317.html
到了这里，关于微信小程序picker组件–省市二级联动及其回显的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
