在小程序开发中,遇到一个技术点,就是当用户修改他的地址时候,怎么把默认地址显示出来?官方给出的示例如下

“`

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>

“`

我是从小白,一点点入们小程序的。在此记录一下,希望给有这个需求的朋友带去一点帮助。