微信小程序页面跳转事件绑定实例详解

微信小程序 页面跳转事件绑定的实例详解

什么是事件

1. 事件是视图层到逻辑层的通讯方式。

2. 事件可以将用户的行为反馈到逻辑层进行处理。

3. 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。

 <view bindtap="view">      <text bindtap="toast" class="journey">开启小程序之旅   </text>   </view>

子元素触发父级元素也会触发若要只触发子元素使用catchtap代替bindtap

在相应的Page定义中写上相应的事件处理函数，参数是event。

Page({   toast: function (event) {    // wx.navigateTo({    //  url: '../redirect/redirect'    // });        wx.redirectTo({     url: '../redirect/redirect',    });    // view:function(event){    //  // 父级元素    // }     },   /**     * 生命周期函数--监听页面隐藏/并未关闭返回     */   onHide: function (event) {     console.log(event)   },     /**    * 生命周期函数--监听页面卸载/    */   onUnload: function () {    console.log(222)   },  })

事件分类

类型 触发条件  touchstart 手指触摸动作开始  touchmove  手指触摸后移动  touchcancel 手指触摸动作被打断，如来电提醒，弹窗  touchend  手指触摸动作结束  tap 手指触摸后马上离开  longtap 手指触摸后，超过350ms再离开

html怎样实现页面跳转时传递参数

Router解决跨模块下的页面跳转

vue实现登录后页面跳转到之前页面实例分享

以上就是微信小程序页面跳转事件绑定实例详解的详细内容，更多内容请关注技术你好其它相关文章！