weapp popup+picker

最新推荐文章于 2024-05-01 07:48:00 发布

Brotherfly

最新推荐文章于 2024-05-01 07:48:00 发布

阅读量880

点赞数 1

分类专栏：踩坑日记

本文链接：https://blog.csdn.net/u011320260/article/details/93652436

版权

踩坑日记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Page({
data: {
bottom: false,
column1: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
vaa:""
},
toggleBottomPopup(e) {
console.log(e)
this.setData({
bottom: true
});
},
toggleBottomPopup2(e) {
console.log(e)
this.setData({
bottom: false
});
},
onChange1(event) {
console.log("change", event.detail.value);
this.setData({
vaa: event.detail.value
});
},
onConfirm(event) {
console.log("confirm", event.detail.value);
this.setData({
vaa: event.detail.value
});
this.setData({
bottom: false
});
},

<van-cell title="单元格" is-link value="{{vaa}}" arrow-direction="down" bind:click="toggleBottomPopup"/>
  <van-popup
    show="{{ bottom }}"
    position="bottom"
    custom-class="bottom"
    bind:close="toggleBottomPopup2"
  >
  <van-picker
      show-toolbar
  title="城市"
    columns="{{ column1 }}"
    bind:change="onChange1"
    bind:confirm="onConfirm"
    />
  </van-popup>