vant UI组件库propu组件踩的坑

最近做小程序用到vant组件库中的propu组件，踩了坑

        在官方文档中是这么使用的

<van-cell is-link @click="showPopup">展示弹出层</van-cell>
<van-popup v-model="show">内容</van-popup>

但是小程序中好像不起作用

可能我这边说的不太正确，但是确实解决了我的问题，如果有遇到同样问题的，欢迎参考

        

<view bindtab="onclick">
点击此处，弹出弹出框
</view>
 
<van-popup show="{{ show }}" 
            bindtab="onClose"
            position="bottom"
            closeable
            round
            close-icon-position="top-left"
            close-icon="close"
            custom-style="height: 40%"
            >
            <view class="popContent">
                弹出信息
            </view>
</van-popup>

// 在page.js文件中

Page({
  data: {
    show: false,
  },
 
  onclick() {
    this.setData({ show: true });
  },
 
  onClose() {
    this.setData({ show: false });
  },
});

        具体原因看了代码你应该会明白的