描述
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>
```
4条答案
按热度按时间qlvxas9a1#
我有解决方案,但就是麻烦每次都要添加overlay-style的自定义样式和添加关闭事件时更改show的状态,希望官方能处理下应该是编译造成的问题,wepy1版本是正常的
xggvc2p62#
@chenyi221111 是的,这个问题我也遇到了,跟你的解决方法一样,修改vant的overlay-style样式,然后popup增加close事件
r6vfmomb3#
好像是单参数不起作用吧
<van-overlay mask ...
要改成<van-overlay mask="true" ...
093gszye4#
@superlbr 不是这个问题引起的