微信小程序 之间的路由跳转与传参

微信小程序 之间的路由跳转与传参

小程序之间的路由跳转可以使用两种方法 直接使用标签navigator或者使用路由跳转方法

1. 标签navigator 官方文档

   <navigator class="more" open-type="navigate" url="/pages/songSheet/songSheet">
      查看更多
   </navigator>
   

2. 路由跳转方法 官方文档
   这里使用的是wx.navigateTo ：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
   参数与路径之间使用 ?分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 /pages/sheetInfo/sheetInfo?id=9527&name='唐伯虎'

   recommandTap(event) {
       const {currentTarget} = event
       const recommandInfo = currentTarget.dataset.recommandinfo
       wx.navigateTo({
           url: `/pages/sheetInfo/sheetInfo?id=${recommandInfo._id}`,
       })
   }
   

3. 接收参数，两者接收参数的方式一样，都是在跳转的目标界面中的onLoad:function(options)接收

   onLoad: function (options) {
        // options 中存放着传递的参数
        const { id, name }  = options
        console.log(id,name) // 9527,"唐伯虎"
    }