1.將用到的area.js下載放入小程序utils文件夾中

1

2

2.在用到的頁面引入area.js

const area = require('../../utils/area.js')

data: {
    areaList: Object.assign({}, area.default),
}

  getArea: function(val) {
    console.log('getArea-- ',val)
  },
  showArea: function(val) {
    console.log('showArea-- ',val)
  },
 colseArea: function() {
    console.log('colseArea-- ')
  },

wxml

  <van-popup
    show="true"
    position="bottom"
    custom-style="height: 50%;"
    bind:close="onClose"
  >
    <van-area
      area-list="{{ areaList }}"
      columns-placeholder="{{ ['請選擇', '請選擇', '請選擇'] }}"
      columns-num="3"
      title="選擇地址"
      bind:confirm="getArea"
      bind:cancel="colseArea"
      bind:change="showArea"
    />
  </van-popup>

3

4