收藏
回答

微信小程序使用vant Area 省市区选择区不显示?

代码:

  <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


}


回答关注问题邀请回答
收藏

3 个回答

  • 大叔
    大叔
    2022-05-16

    版本升级后不支持columns-num="3"写法了, 得改成columns-num="{{3}}"就可以了

    2022-05-16
    有用 1
    回复
  • 王扶摇🇨🇳
    王扶摇🇨🇳
    2022-01-02

    我也是这种情况,请问一下怎么解决的哦

    2022-01-02
    有用 1
    回复 2
    • 王扶摇🇨🇳
      王扶摇🇨🇳
      2022-01-02
      columns-num=3删掉就好了,真无语
      2022-01-02
      回复
    • 大叔
      大叔
      2022-05-16
      666
      2022-05-16
      回复
  • tothemoon
    tothemoon
    2021-09-26

    请问解决了吗

    2021-09-26
    有用
    回复 1
    • 大叔
      大叔
      2022-05-16
      写法问题改成: columns-num="{{3}}"
      2022-05-16
      回复
登录 后发表内容