微信小程序生命周期及(bindtap和catchtap)点击事件
小程序生命周期:
data:{} 页面的初始数据;
data的后面可以写wxml中绑定的事件,如showPopup() {};
onLoad:function(options){} 监听页面加载;
onShow:function(){} 监听页面显示;
onHide:function(){} 监听页面隐藏;
onUnload:function(){} 监听页面卸载;
(bindtap和catchtap)点击事件
bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
<view id="outer" bindtap="handleTap1"> outer view <view id="middle" catchtap="handleTap2"> middle view <view id="inner" bindtap="handleTap3"> inner view </view></view>
</view>
Page({ handleTap1:function(event){ //点击输出outer view bindtap console.log("outer view bindtap") }, handleTap2: function (event) { //点击输出middle view console.log("middle view catchtap") }, handleTap3: function (event) { //点击输出inner view bindtap middle view catchtap console.log("inner view bindtap") },
})<view id="outer" bindtap="handleTap1"> outer view <view id="middle" bindtap="handleTap2"> middle view <view id="inner" bindtap="handleTap3"> inner view </view></view>
</view>
Page({ handleTap1:function(event){ //点击输出outer view bindtap console.log("outer view bindtap") }, handleTap2: function (event) { //点击输出outer view bindtap middle view console.log("middle view catchtap") }, handleTap3: function (event) { //点击输出outer view bindtap inner view bindtap middle view catchtap console.log("inner view bindtap")},
})
微信小程序生命周期及(bindtap和catchtap)点击事件相关推荐
- 微信小程序生命周期与内置api
微信小程序生命周期 小程序生命周期 onLaunch 启动 (本地存储,登录) onShow前台展示 开始播放与运行 onHide后台运行 (停止播放与运行) onError发生错误 (监听处理错误) ...
- 浅析微信小程序生命周期之应用生命周期
浅谈微信小程序生命周期之应用生命周期 参考:微信小程序官方文档 微信小程序生命周期可分为应用生命周期.页面生命周期和组件生命周期,本文结合微信官方文档浅析微信小程序的应用生命周期.从注册一个小程序生命 ...
- 微信小程序开发:微信小程序生命周期总结
前言 在微信小程序开发中,关于微信小程序API的使用是必备技能,但是关于微信小程序的生命周期也是首先要了解和掌握的知识点.尤其是现在的前端开发领域,关于前端的各种框架和技术都要会,而且微信小程序的语法 ...
- vue生命周期+微信小程序生命周期详解
文章目录 1 vue生命周期 1 明确 2 小程序生命周期 1 应用生命周期 2 页面生命周期 页面之间跳转 3 组件生命周期 4 应用生命周期影响页面生命周期 5 总结 参考链接 1 vue生命周期 ...
- 微信小程序显示loading效果,微信小程序节流效果,微信小程序生命周期,微信小程序组件的创建与使用
一.显示loading效果 文档地址:wx.showLoading(Object object) | 微信开放文档 请求前 显示loading 效果,请求结束后隐藏loading // 在请求模块中 ...
- 浅谈微信小程序生命周期
之前在做微信小程序的时候,一直对生命周期里面的onLoad,onShow,onUnload不是很理解.比如说什么时候会触发onUnload. 经过一段时间的测试发现,普通页面的onUnload在三种情 ...
- 微信小程序生命周期笔记
微信小程序的三种生命周期: 应用生命周期 页面生命周期 组件生命周期 一.应用生命周期 应用生命周期的主体是app(应用) 属性 类型 必填 描述 onLaunch Function 否 监听小程序初 ...
- 微信小程序生命周期(onLoad,onHide,onShow,onReady,onUnload)
周期指程序从创建.到开始.暂停.唤起.停止.卸载的过程.下面从一下三个方面介绍微信小程序的生命周期: 应用生命周期 页面生命周期 应用生命周期影响页面生命周期 应用生命周期 image 1.用户首次打 ...
- 微信小程序穿越火线关服务器,微信小程序生命周期
前言 2021年的第一篇技术推文, 来源于昨天codeReview过程中发现的改进点. 起源 需求: 每次进入首页需判断该用户身份.若满足条件则弹窗.若不满足啥也不干. 现状: 封装了用户身份组件, ...
最新文章
- 计算机书籍- 网络爬虫开发实战
- 分析隐藏在比特币区块链中的Pony CC服务器
- yii2 请求外部api_微服务架构之「 API网关 」
- macbook怎么改编码_如何设置新的MacBook进行编码
- onblur/onfocus 失去焦点 获取焦点
- linux下好用的截图工具,Linux系统下一款比较易用的截图工具
- 众所周知,吃饭、吃甜点、喝奶茶的胃不是一个(手动狗头)
- 计算机单元格选项,如何在excel单元格里设置下拉选项
- nyoj 3 多边形重心问题
- 百慕大永中为何有权继续开发集成Office?
- 基于JAVA星星电影购票网站计算机毕业设计源码+系统+数据库+lw文档+部署
- Android之AsyncTask源码分析(第五篇:execute方法只能执行一次的原因)
- 闹钟Android实验报告,闹钟实验报告.doc
- mysql hash索引 btree索引_B-Tree索引与Hash索引的比较
- RK3188 Android4.4优化开机时间后进入桌面点击无反应
- gRPC 一揽子方案
- casili计算机按音乐,CASILI计算器怎么按反对数
- 职场必备的64种思维模式
- linux中的baast参数是什么,什么是monad?
- Linux中Oracle下DG主从备份----DG环境搭建