按照官方代码
在app.json
中引入组件,
"usingComponents": {
"van-popup": "@vant/weapp/popup/index"
}
在index.wxml中写入:
<van-cell title="展示弹出层" is-link bind:click="showPopup" />
<van-popup show="{{ show }}" bind:close="onClose">内容</van-popup>
在index.js中写入:
Page({
data: {
show: false,
},
showPopup() {
this.setData({ show: true });
},
onClose() {
this.setData({ show: false });
},
});
保存编译,结果界面是空的,是漏掉了什么东西吗?
另外本来想用 Overlay 遮罩层 结果内容总是在白块外面……
自己解决了,官方给的案例用了van-cell插槽,所以必须加入
"usingComponents": {
"van-cell": "@vant/weapp/cell/index",
"van-cell-group": "@vant/weapp/cell-group/index"
}
才能生效