微信小程序之事件:catchtapbindtap
- bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。
- bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡
点击事件 js获取点击到的数据
在wxml中在点击事件的view中加入data-xx
;其中xx就是需要获取的数据;如下
<view class="product-status" catchtap='bindOrder' data-item="{{item}}"><button class="mini-btn" type="primary" size="mini">确认送达</button></view>
此处的item 是需要获取的数据
然后在js中用 e.currentTarget.dataset.xxx
获取在wxml中定义的数据,
bindOrder:function(e){var temp = e.currentTarget.dataset.itemconsole.log(temp);},
微信小程序之事件:catchtapbindtap相关推荐
- wxml修改样式_微信小程序 动态绑定事件并实现事件修改样式
微信小程序 动态绑定事件并实现事件修改样式 实例代码 wxml {{item.name}} js var reportTypeList = [ { name: "日报1", id: ...
- 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件 在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行 在后台.js文件中定义 ...
- 微信小程序阻止事件冒泡
在vue中阻止事件冒泡的方法使用的event.stopPropagation(); 但微信小程序中事件传递的event却没有stopPropagation()这个方法 解决方案:将绑定事件的bindt ...
- 微信小程序scroll事件/onPageScroll事件的延迟问题
需求 在前端开发中,我们经常会遇到一个需求,在页面进行滚动操作的时候,当页面其中的某个元素滚动到某个位置,我们就让该元素停留在该位置.等到滚动小于某个值的时候,再让该元素继续随着页面滚动.这就是我们平 ...
- 微信小程序-绑定事件以及bindtap和catchtap的区别
前言 在微信小程序的开发过程中我们肯定会遇到时间绑定的问题,这时候我们一般都是采用bandtap或者是catchtap进行事件绑定的.那么他们两个的区别在哪里呢? 一.首先我们要先知道什么是事件 微信 ...
- 微信小程序 阻止事件冒泡
uniapp阻止事件冒泡:将子类的点击事件@click写成@click.stop 小程序阻止事件冒泡:将子类的点击事件bindtap写成catchtap
- 微信小程序 - 绑定事件 bindtap(包括是否传入参数)
小程序绑定事件的方式有很多种,这里我只对bindtap的绑定方式进行介绍,其他的绑定方式也是差不多这样的. 1.不带参数的绑定方式 index.wxml文件中:share表示绑定的事件名称 < ...
- WeChat applet 微信小程序(3) 事件绑定
WeChat applet 事件绑定 概述 事件是视图层到逻辑层的通讯方式,事件可以将用户的行为反馈到逻辑层进行处理. 事件可以绑定到组件,当用户在视图层触发该组件的事件时,就会执行逻辑层中对应的事件 ...
- 微信小程序页面事件 - 下拉刷新与上拉触底
一.下拉刷新 1.概念:下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为. 2. 启用下拉刷新 启用下拉刷新有两种方式: ①全局开启下拉刷新 在 app.j ...
最新文章
- 《编程匠艺》读书笔记之十四
- matlab神经模糊推理系统
- 神经网络 | DeepVO:Towards End-to-End Visual Odometry
- 代码整洁之道读书笔记----第一章---综述--第二节-整洁代码和我们的孩子
- Hiren’s BootCD 15.2下载 – 史上最强大的WinPE U盘启动工具详细介绍
- 用VB打造个人版恺撒密码转换器
- Android仿微信语音录制和播放
- XJTU 新闻英语阅读重点词汇汇总
- ipv4地址的编码长度为_IPv4 中IP地址的长度为 ( ) 位,IPv6中IP地址的长度位 ( ) 位。_建筑施工技术答案_学小易找答案...
- 计算机科学学现代,现代计算机科学的鼻祖
- scp过程中的两个问题解决 “The authenticity of host can‘t be established” “ Permission denied“
- 导航算法A*的简单实现
- matlab三点求法向量,matlab求法向量
- PAT a1134
- 雷军:创业者要牢记的两个关键词
- PC817TL431的配合电路问题
- 【转载】8年工作的总结
- ECSHOP_顺丰_货到付款设置
- 从CAD模型中提取单视角点云
- dede网站更新如何同步微博更新
热门文章
- python写出下列程序的功能_10.下列Python程序的运行结果是( )。
- siam相关的.pyx文件setup.py创建
- 储罐液位开关c语言编程,基于PLC的储罐液位控制系统研究.doc
- linux 部署调用SAP接口
- 哈佛商学院要求学生必看的10部经典电影】:
- 接口文档如何编写,接口文档快速生成工具
- TCP握手过程(正解版)
- @UPC8377 @ACM-ICPC-2018-ASIA YOKAHAMA REGIONAL D: Playoff (DFS)
- 旅行社优惠卡小程序软件开发
- C语言递归实现k的n次方