wepy2 vant组件库中popup组件的遮罩层和原关闭事件失效

lnvxswe2  于 2022-10-20  发布在  Vant
关注(0)|答案(4)|浏览(953)

描述

popup组件中overlay遮罩层和原关闭事件失效,导致必须给组件绑定close关闭事件且需自行去控制show属性的状态

环境

  • wepy-cli version: [2.0.0-alpha.17]
  • wepy version: [^2.0.0-alpha.10]

代码片段

<template>
<div class="container">
  <van-button type="primary" @tap="openPopup">primary</van-button>
  <van-popup show="{{popupFlag}}"> 
      <div class="popup-content">
          内容
      </div>
  </van-popup>
</div>
</template>

<script>
import wepy from '@wepy/core'
wepy.page({
  data:{
    popupFlag:false
  },
  methods:{
    openPopup(){
      this.popupFlag = true;
    }
  }
});

</script>
<config>
{
  navigationBarTitleText:'vant',
  usingComponents:{
    "van-button":"module:vant-weapp/dist/button/index",
    "van-popup":"module:vant-weapp/dist/popup/index"
  }
}
</config>
 ```
qlvxas9a

qlvxas9a1#

我有解决方案,但就是麻烦每次都要添加overlay-style的自定义样式和添加关闭事件时更改show的状态,希望官方能处理下应该是编译造成的问题,wepy1版本是正常的

xggvc2p6

xggvc2p62#

@chenyi221111 是的,这个问题我也遇到了,跟你的解决方法一样,修改vant的overlay-style样式,然后popup增加close事件

r6vfmomb

r6vfmomb3#

好像是单参数不起作用吧
<van-overlay mask ... 要改成 <van-overlay mask="true" ...

093gszye

093gszye4#

@superlbr 不是这个问题引起的

相关问题