代码：

  <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>

utils area.js

对应的js 文件

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

var pageData = {

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

};

var methods = {

  getArea: function(val) {

    console.log('getArea-- ',val)

  },

  showArea: function(val) {

    console.log('showArea-- ',val)

  },

 colseArea: function() {

    console.log('colseArea-- ')

  },

}

module.exports = {

  pageData: pageData,

  methods: methods

}