Tencent / wepy

小程序组件化开发框架
https://wepyjs.gitee.io/wepy-docs/
Other
22.5k stars 3.05k forks source link

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

Open DiffChenyi opened 5 years ago

DiffChenyi commented 5 years ago

描述

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

环境

代码片段


<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>
  ```
DiffChenyi commented 5 years ago

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

zhuman90 commented 5 years ago

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

superlbr commented 5 years ago

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

zhuman90 commented 5 years ago

@superlbr 不是这个问题引起的