小程序开发 页面跳转传递的id参数怎么使用?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序开发 页面跳转传递的id参数怎么使用?相关的知识,希望对你有一定的参考价值。

这个参数是id而不是index下标。
如何获取id的问题,我已经懂了. 如何在新页面使用id来实现页面,一直没有弄明白,请前端大神指点指点.
我不会用全局参数,请大神不要讲这个方法了

你是自己开发还是想要做小程序?小程序开发一般需要几天到几个月

方式一、模版开发,时间较短,3-7天
方式二、定制开发,具体需要看功能需求的复杂程度而定,需要几周或者几个月的时间。

建议大家,一定要弄清楚自己的功能需求,通过开发公司项目经理的帮助,将功能需求逐步细化,避免启动开发后反复修改需求,耽误开发时间。
参考技术A onLoad: function (options) 
console.log(options)
const id = options.id 


,

微信小程序开发--路由切换,页面重定向

这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方。

1、页面切换传参,参数读取 

  1.1  wx.navigateTo(Object)

  功能:保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到当前页面。

wx.navigateTo({     //当前页面对应的JS文件内 控制模板
  url: ‘test?id=1‘     //需要切换到的页面路劲,此处为相对路劲,id为传递的参数
})


//test.js         //test页面对应的JS文件,名字必须相同
Page({    
  onLoad: function(option){     //通过路由传递过来的参数,只能在onLoad方法内收到,option就是路由参数的一个组合对象
    console.log(option.id)
  }
})    

  1.2   wx.navigateBack(object)

  功能:关闭当前页面,与 wx.navigateTo({ })功能相对。返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

 

  1.3  wx.redirectTo(object)    

  功能:关闭当前页面,跳转到应用内的某个页面【这里的跳转最好写绝对路劲,当然如果只是从当前页面往一个具体页面跳转(次数不多),相对路劲也可以。但如果是 wx.request(object) 请求返回状态进行页面跳转,那就最好写绝对路劲,但是不允许跳转到 tabbar 页面。

  

  1.4  wx.switchTab(Object object)

  功能:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,与wx.redirectTo(object)方法功能互补。

 

  1.5  wx.reLaunch(Object object)

  功能:关闭所有页面,打开到应用内的某个页面【这种情况最好用绝对定位,因为是关闭所有页面,已经不需要知道当前所处页面了,直接重定向到某个具体页面。这种一般都是重定向到登录或者初始页面

wx.reLaunch({      //token失效,界面重定向到登录页,绝对路劲
    url: "/pages/login/login",
});

2、相对路径和绝对路径

  2.1、绝对路径

  以 “/” 开头代表根目录,

    /pages/login/login

  2.2、相对路径

   “../” 开头,从当前页面一级一级往上级目录倒退

    ../../module/customer/main/main

  或者:

  以 “./” 开头,直接在当前目录

  ./registered

以上是关于小程序开发 页面跳转传递的id参数怎么使用?的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发实战阅读列表不出现怎么回事

微信小程序开发系列 (四) :微信小程序的页面跳转路由设计

微信小程序中tabBar与导航API的页面跳转处理关系

如何使用微信小程序开发一个弹窗页面

小程序页面传递数据 、传递数组对象 小程序传值

微信小程序开发如何点击隐藏页面图片