微信小程序页面跳转与事件绑定,传值
来源:互联网 发布:php用foreach打印列表 编辑:程序博客网 时间:2024/05/29 15:38
1.页面跳转 : wx.navigateTo
页面重定向 : wx.redirectTo
PS:通过这两种所到达的页面,即使它是定义在tabBar配置中的页面,也不会显示底部的tab栏.
2.事件分类:事件分为冒泡事件和非冒泡事件
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
WXML的冒泡事件列表:
类型 触发条件
touchstart 手指触摸动作开始
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断,如来电提醒,弹窗
touchend 手指触摸动作结束
tap 手指触摸后马上离开
longtap 手指触摸后,超过350ms再离开
注:除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件,如<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件,(详见各个组件)
3.事件绑定:事件绑定的写法同组件的属性,以 key、value 的形式。
key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart
value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。
PS:bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
页面重定向 : wx.redirectTo
PS:通过这两种所到达的页面,即使它是定义在tabBar配置中的页面,也不会显示底部的tab栏.
2.事件分类:事件分为冒泡事件和非冒泡事件
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
WXML的冒泡事件列表:
类型 触发条件
touchstart 手指触摸动作开始
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断,如来电提醒,弹窗
touchend 手指触摸动作结束
tap 手指触摸后马上离开
longtap 手指触摸后,超过350ms再离开
注:除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件,如<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件,(详见各个组件)
3.事件绑定:事件绑定的写法同组件的属性,以 key、value 的形式。
key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart
value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。
PS:bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
0 0
- 微信小程序页面跳转与事件绑定,传值
- 微信小程序页面跳转事件绑定/冒泡,非冒泡事件
- 微信小程序 页面跳转与参数传递
- 微信小程序-页面跳转
- 微信小程序:页面跳转
- 微信小程序页面跳转
- 微信小程序,页面跳转
- 微信小程序页面跳转
- 微信小程序之页面数据绑定及页面跳转传参
- 微信小程序,关于navigator子元素绑定事件,阻止navigator跳转
- 微信小程序--简单页面跳转
- 微信小程序12---页面跳转
- 微信小程序的页面跳转
- 微信小程序页面跳转无效
- 微信小程序页面跳转失效
- 双击页面跳转事件
- 微信小程序之绑定点击事件
- 微信小程序 template添加绑定事件
- 基础——OpenCV—矩阵数据类型转换cv::convertTo
- 深入理解JVM(二)------Java代码执行机制
- Lua 入门
- 如何能够获得Extjs.grid.panel总的Columns的列数
- 关于CLR、CIL、CTS、CLS、CLI、BCL和FCL
- 微信小程序页面跳转与事件绑定,传值
- 深入理解JVM(一)------基本结构
- 你拥有的最宝贵的财富是什么?
- HBase数据模型特性及表设计思路
- java GC性能调优
- linux下安装配置redis
- 在PhpStorm中管理码云代码仓库的方法
- Netty系列之Netty高性能之道
- Mysql优化-Procedure_Analyse优化表结构