在小程序开发中,遇到一个技术点,就是当用户修改他的地址时候,怎么把默认地址显示出来?官方给出的示例如下
“`
JS文件:
Data:{
region: [‘广东省’, ‘广州市’, ‘海珠区’],
}
bindRegionChange: function (e) {
console.log(‘picker发送选择改变,携带值为’, e.detail.value)
this.setData({
region: e.detail.value
})
}
//wxml文件
<view class=”section”>
<view class=”section__title”>省市区选择器</view>
<picker mode=”region” bindchange=”bindRegionChange” value=”{{region}}” custom-item=”{{customItem}}”>
<view class=”picker”>
当前选择:{{region[0]}},{{region[1]}},{{region[2]}}
</view>
</picker>
</view>
“`
官方给出的示例需要在data中设置region的默认值。让后在小程序页面中省市区选择器位置才会显示默认地址是:广东省广州市珠海区。那我改怎么实现,数据库的数据动态赋值给region呢?
我这里给一个我解决的方法:不在data中设置region,从后台调取region直接使用:代码如下:
“`
//JS文件
//省市区选择器
bindRegionChange: function (e) {
this.setData({
show:true, //判断控制默认地址的显示隐藏
region: e.detail.value
})
},
//wxml文件:
<picker mode=”region” bindchange=”bindRegionChange”>
<text class=”f-30 col-7″>
<block wx:if=”{{show}}”>{{region}}</block>{{region[‘province’]}}{{region[‘city’]}}{{region[‘region’]}}
</text>
</picker>
“`
我是从小白,一点点入们小程序的。在此记录一下,希望给有这个需求的朋友带去一点帮助。