van-popup在wepy的显示与隐藏

作者: Rogi | 来源:发表于2019-07-14 19:57 被阅读0次

<van-popup wx:if="{{show}}" show="{{ show }}" position="bottom" @close="closeClick">
  测试
</van-popup>

在wepy里面不支持popup自带的close-on-click-overlay默认点击遮罩层关闭popup事件

微信图片_20190714195610.png

close事件是点击遮罩层触发的，所以点击完毕之后把show改成false即可

data = {
  show: true
}
methods = {
  closeClick() {
    this.show = false
  }
}

van-popup在wepy的显示与隐藏
在wepy里面不支持popup自带的close-on-click-overlay默认点击遮罩层关闭popup事件 ...
04-jQuery动效
jQuery效果显示与隐藏动画显示 show([speed,[easing],[fn]); 隐藏 hide([...
iOS开发第三方库UI-swift版
| 隐藏与显示||
jQuery（二）
jQuery效果隐藏与显示隐藏效果，1000ms后隐藏显示效果show()，1000ms后显示 toggle...
jQuery动画方法
隐藏与显示 hide(speed,callback)show(speed,callback) 隐藏和显示 spee...
显示与隐藏
显示与隐藏
在线咨询姓名：手机号码：案情：
CSS-高级技巧
1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。特点：隐藏之后，不再保...
《HTML控制DIV的显示与隐藏》
《HTML控制DIV的显示与隐藏》通过JS控制DIV的显示和隐藏。具体代码如下：
小程序“友福图书馆”项目研究
开启项目新项目采用WePY开源框架开发，WePY项目的创建与使用步骤如下1、在全局安装WePY命令行工具，执行命...

网友评论

本文标题：van-popup在wepy的显示与隐藏

本文链接：https://www.haomeiwen.com/subject/ufmikctx.html

van-popup在wepy的显示与隐藏