微信公众号开发服务

SEO优化-搜狗360搜索引擎营销推广

小法度榜样带参数跳转,小法度榜样带参数跳转什么意思

smile 2022-11-11 微信公众号开发服务 4 views 0

今天给各位分享小程序带参数跳转的知识,其中也会对小程序带参数跳转什么意思进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

小法度榜样之间的跳转(带参)

wx.navigateToMiniProgram

从小A序跳转到小B序

起首介绍一下须要用到的api  :wx.navigateToMiniProgram 

他的参数们

参数名        是否必填        类型        解释

小法度榜样带参数跳转,小法度榜样带参数跳转什么意思 第1张

appId            是                 string        要打开的小法度榜样 appId

path              是                 string        目标小法度榜样的指定页面,为空的话跳首页

extraData     否                 object        须要带给目标小法度榜样的参数

envVersion   否                 string        目标小法度榜样的版本  (根本没啥用)

success       否                 function     成功回调

fail               否                 function     掉败回调

complete     否                 function     停止回调

在起步小法度榜样中的app.json中须要设备跳转小法度榜样的appid

目标小法度榜样 可以在app.js中接收起步小法度榜样带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,然则我的onLaunch不克不及打印出来,可能我的小法度榜样是个傻的小法度榜样。( 留意切切是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)

小A序(表演跳转)

小B序(表演接收参数)

关于调试,开辟者对象是不克不及跳转的,不过我们可以真机调试,两个小法度榜样都开端真机调试,在小法度榜样右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据本身习惯吧,展示在页面上也是个好办法。

微信小法度榜样页面常用的5种跳转办法

为了不让用户在应用小法度榜样时造成困扰,微信小法度榜样规定页面路径只能是 五层 ,所以需尽量避免多层级的交互方法。 而页面跳转则涉及到多个页面层级。

保存当前页面,跳转到应用内的某个页面,应用wx.navigateBack可以返回到原页面。

须要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间应用?分隔,参数键与参数值用=相连,不合参数用分隔;

如 'path?key=valuekey2=value2'

eg:

wx.navigateTo({

    url:'test?id=1'

})

这种跳转方法默认有返回按钮,返回到上一个页面

封闭当前页面,跳转到应用内的某个页面。

须要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数。参数与路径之间应用?分隔,参数键与参数值用=相连,不合参数用分隔;

如 'path?key=valuekey2=value2'

eg:

wx.redirectTo({

    url:'test?id=1'

})

这种跳转方法默认有返回按钮,返回到上一个页面的再上一层

须要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间应用?分隔,参数键与参数值用=相连,不合参数用分隔;

如 'path?key=valuekey2=value2',假如跳转的页面路径是 tabBar 页面则不克不及带参数

eg:

wx.reLaunch({

    url:'test?id=1'

})

这种跳转方法默认没有返回按钮,不须要默认返回按钮的页面就可以应用这个api了

须要跳转的 tabBar 页面的路径(需在 app.json 的  tabBar  字段定义的页面),路径后不克不及带参数

{

    "tabBar": {

        "list": [{

            "pagePath":"index",

            "text":"首页"

        },{

            "pagePath":"other",

            "text":"其他"

        }]

    }

}

wx.switchTab({

url:'/index'

})

我们须要调转到tabbar定义的页面的时刻,就须要这个api了。踩过这个坑的人就知道,除了这个api,其他的都不克不及跳转到tabar定义过的页面

封闭当前页面,返回上一页面或多级页面。可经由过程 getCurrentPages()) 获取当前的页面栈,决定须要返回几层。

微信小法度榜样页面跳转url传参,对象、数据过长、特别字符问题

1、传递参数为对象格局

若参数为对象则需先应用 JSON.stringify()进行转换 , 接收后应用JSON.parse()转为对象.

但如许传参有一个问题,当对象数据长度过大时会报错,因为url传参时法度榜样把过长的那段数据给截取掉落了,导致数据转换回来时格局纰谬而报错。

2、传递参数中含有? = 等特别字符

若传递参数中含有=,?,等特别字符,无法正常传递参数,则须要进行编码解码。

解决:

这时可以再添加另一个API:encodeURIComponent(obj) 和 decodeURIComponent(options.obj),在encodeURIComponent之前要用JSON.stringify()先转换数据,decodeURIComponent之后再用JSON.parse()转换回来。

encodeURIComponent(JSON.stringify(obj)) 为跳转url时的转换办法。

JSON.parse(decodeURIComponent(options.obj)) 为接收参数页面的转换办法。

例如:

小程序带参数跳转的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于小程序带参数跳转什么意思、小程序带参数跳转的信息别忘了在本站进行查找喔。

猜你喜欢

发表评论

发表评论:

扫描微信

扫一扫添加微信

分享:

支付宝

微信