关于微信小程序中路由传递参数的问题以及重点知识!

关于微信小程序中路由传递参数的问题以及重点知识!
1:对于事件绑定分为两种:
事件分为冒泡事件和非冒泡事件:
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递


  
  
    
    触发事件,也会触发父级事件
  



  
  
    
    触发事件,不会触发父级事件
  


2:对于路由跳转来说:
在微信小程序中,根据当前页面是否需要被出栈再重新加载新页面,主要有navigateTo、redirectTo两种形式,当然也还有switchTab(只能打开 tabBar 页面)和reLaunch这两种形式
navigateTo:当前路由页面onHide,新的路由页面onLoad、onShow,即当前路由页面是隐藏的,而不是出栈
redirectTo:当前路由页面onUnload,新的路由页面onLoad、onShow,即当前路由页面出栈


  
  
    
    跳转到详情页
  


// 方法
  linkNews: function () {
    wx.navigateTo({
      url: '../detail/detail'
    })
    // 跳转的同时  销毁当前页  无返回键
    wx.redirectTo({
      url: '../detail/detail'
    })
  },

3:路由传参:


  
    
      {{dayItem.time}}
      
        {{item.title}}
      
    
  


通过data-(参数字段),进行参数传递;
举个例子当我们由列表页跳转到详情页时;我们想要把列表页对应的那个ID传递到详情页以供详情页通过ajax来调取数据;在这里就是通过wx.request这种方法来调取数据;
在列表页通过设置data-id="{{item.id}}"来进行路由传参;
此时在详情页我们如何取出这个数据呢?
我们可以通过onload:function(options){
console.log(options);来查看当前options里面有一个键值对;就是包括一个属性ID;属性对应的属性值即是我们要获取的相应的id值;即options.id;
console.log(options.id)
}
在这里再补充一点:
微信小程序和html5标签的区别:
关于微信小程序中路由传递参数的问题以及重点知识!_第1张图片
未完待续!

你可能感兴趣的:(微信小程序)