van-popup在wepy的显示与隐藏

野性酷女 2021-09-12 05:18 535阅读 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
  }
}

发表评论取消回复

表情：

评论列表（有 0 条评论，535人围观）

还没有评论，来说两句吧...

相关阅读

相关显示mac 隐藏文件与显示

命令行：显示mac 隐藏文件：defaults write com.apple.finder AppleShowAllFiles -boolean true ; killa

曾经终败给现在/ 2024年02月18日 20:21/ 0 赞/ 130 阅读

相关 echarts图例的显示与隐藏

需求在图表加载的时候，默认只显示部分图例，只要图例显示部分，对应的柱图或者折线图也只显示对应的。点击一个按钮显示剩余的图例，或者点击置灰的图例让恢复显示。核心

﹏ヽ暗。殇╰゛Y/ 2023年03月04日 15:29/ 0 赞/ 106 阅读

相关键盘的隐藏与显示

键盘的隐藏： import android.view.inputmethod.InputMethodManager; private void

妖狐艹你老母/ 2022年08月06日 08:24/ 0 赞/ 311 阅读

相关显示与隐藏

[vueJS简单的点击显示与隐藏的效果][vueJS] 目前前端框架太多，接触过angular、ember，现在开始倒腾vue 此处用到v-if、v-else、v-sh

淩亂°似流年/ 2022年06月04日 08:07/ 0 赞/ 365 阅读

相关 js实现显示与隐藏

总结如下： 1.jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态

亦凉/ 2022年05月26日 08:15/ 0 赞/ 1183 阅读

相关 js_元素的隐藏与显示

1. 隐藏显示 display:none visibility:hidden 都是隐藏的意思，但是前者相当于从html中去掉了标签，而后者只是不显示，但是还是占着相应的位

深藏阁楼爱情的钟/ 2022年05月25日 05:44/ 0 赞/ 329 阅读

相关显示与隐藏效果

显示与隐藏效果开发工具与关键技术：DW、显示与隐藏效果作者：黄桂康撰写时间：2019.02.20 本篇介绍下拉框的效果，它只要是两个盒子，一个

谁借莪１个温暖的怀抱￠/ 2022年03月18日 11:17/ 0 赞/ 350 阅读

相关 input 密码显示与隐藏

H5隐藏密码与显示 HTML <div class="weui-cell__bd new_password"> <input clas

深藏阁楼爱情的钟/ 2022年01月19日 01:59/ 0 赞/ 565 阅读

相关 div 显示与隐藏

最近写项目用到DIV隐藏,以下引用[http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html][http_ww

我不是女神ヾ/ 2021年12月17日 15:45/ 0 赞/ 523 阅读

相关 van-popup在wepy的显示与隐藏

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

野性酷女/ 2021年09月12日 05:18/ 0 赞/ 536 阅读