首页 > 编程语言 >微信小程序 点击分享之类的按钮,会向上穿透

微信小程序 点击分享之类的按钮,会向上穿透

时间:2023-04-14 10:55:51浏览次数:40  
标签:hover 微信 stop 穿透 propagation 点击 按钮 节点

官方文档说:hover-stop-propagation 指定是否阻止本节点的祖先节点出现点击态

 

 

 

 

但是在 button 中,不管是否写 hover-stop-propagation='true' 或者 hover-stop-propagation='{{ true }}',都无法阻止祖先节点穿透,

所以,需要在 button 外部加个阻止穿透的节点view:
<view catchtap='()=>{return}'>
    <button plain="true" open-type="share" class="shareBtn" data-title="{{ item.a_shortTitle }}" data-abstract="{{ item.a_abstract }}" data-image="{{ item.a_picBig }}" hover-stop-propagation="{{true}}">
        <image class="shareImg" src="../../../images/shareImg.png" mode="aspectFill" />
    </button>
</view>

 

标签:hover,微信,stop,穿透,propagation,点击,按钮,节点
From: https://www.cnblogs.com/moguzi12345/p/17317630.html

相关文章

  • Python+Requests+Pytest接口自动化测试微信接口实例
         pytest.ini配置文件[pytest]log_cli=truelog_level=NOTSETlog_format=%(asctime)s%(levelname)s%(message)slog_date_format=%Y-%m-%d%H:%M:%Saddopts=-vs--alluredir./temp-m'file'log_file=./log/test.loglog_file_level=infol......
  • DevExpress_GridControl添加按钮列并添加按钮事件
      一、效果二、具体操作1、单击控件右上角三角RunDesigner2、配置按钮列把TextEditStyle属性设置为HideTextEditor;3、把Buttons的Kind属性设置为Glyph;Caption显示按钮名称4、给按钮添加按钮事件5、获取点击事件选中行的数据privatevoidrepositoryI......
  • django admin 使用SimpleUI自定义按钮弹窗框示例
    actions=['button_exeScript',]defbutton_exeScript(self,request,queryset):passbutton_exeScript.layer={#弹出层中的输入框配置#这里指定对话框的标题'title':'弹出层输入框',#提示信息......
  • 之前很火给女朋友推送微信服务号消息是怎么做的?
    经过了几天的奋战,终于把微信服务号的模板消息给写完了。后端其实没花多少时间,因为之前已经有同学提过pullrequest了,我在这基础之上简单优化下就完事了,主要的时间都是花在前端上,对前端页面和参数的适配比较麻烦。消息推送平台......
  • 微信小程序实现轮播图
    微信小程序实现轮播图问题背景客户端开发和学习过程中,轮播图是一个很常见的功能,本文将介绍如何在微信小程序中实现轮播图。问题分析前一篇文章(参考https://blog.51cto.com/baorant24/6188322),我们实现无限滚动的获奖名单使用了swiper组件,事实上,这个组件也可以用来实现轮播图,是......
  • 微信小程序实现无限滚动列表
    微信小程序实现无限滚动列表问题背景客户端日常开发和学习过程中,无限滚动列表是一种很常见的场景,比如用户获奖名单等,本文将介绍如何在微信小程序中实现无限自动滚动列表。问题分析页面文件目录结构如下:问题解决话不多说,直接上代码(1)index.js文件,代码如下://pages/healdata/......
  • vue3微信公众号商城项目实战系列(1)开发环境准备
    项目忙完,这次上新,写一个前端系列,采用vue3来开发一个微信公众号商城。前言:1.微信公众号商城本质也是一个网站,由一个个网页组成,只不过这些网页运行在手机端,能响应手指的点击、长按、拖拽等操作。2.既然是网页,当然可以用3件套(js+html+css)来写,但象vue这样的前端框架比3件套更高效......
  • 微信小程序实现tab切换和数据列表
    微信小程序实现tab切换和数据列表问题背景上篇文章介绍了微信小程序实现tab切换的一种方案(参考https://blog.51cto.com/baorant24/6188157),感觉代码不是很精简,本文再用一个demo介绍微信小程序如何实现tab切换和数据列表。问题分析微信小程序对应页面文件结构如下:问题解决话......
  • 有没有类似花生壳一样的内网穿透免费开源项目
    是的,有很多内网穿透的开源项目可以选择,以下是其中几个:ngrok:ngrok是一个非常流行的内网穿透工具,可以将本地服务器映射到公共互联网上,并提供一个唯一的URL。frp:frp是另一个流行的免费开源的内网穿透工具,支持TCP、UDP、HTTP、HTTPS等协议,并且提供了类似花生壳的服务功能。NA......
  • 微信小程序中target和currentTarget的区别
    微信小程序中target和currentTarget的区别<viewclass="outer-view"bindtap="outerHandler">​<buttontype="primary">按钮</button></view>点击内部按钮时,点击事件会通过冒泡的方式,向外扩散,触发view的tap事件,此时target指向触发事件源头,就是button,而c......