最近做小程序用到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 });
},
});
具体原因看了代码你应该会明白的