收藏
回答

vant的Popup弹出层怎么用?

按照官方代码

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 遮罩层 结果内容总是在白块外面……

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

1 个回答

  • 晓墨段老师
    晓墨段老师
    2022-04-09

    自己解决了,官方给的案例用了van-cell插槽,所以必须加入

    "usingComponents": {

    "van-cell": "@vant/weapp/cell/index",

    "van-cell-group": "@vant/weapp/cell-group/index"

    }

    才能生效


    2022-04-09
    有用 3
    回复
登录 后发表内容