微信小程序页面常用的5种跳转方法

微信小程序页面常用的5种跳转方法,第1张

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

保留当前页面,跳转到应用内的某个页面,使用wxnavigateBack可以返回到原页面。

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

如 'pathkey=value&key2=value2'

eg:

wxnavigateTo({

    url:'testid=1'

})

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

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

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

如 'pathkey=value&key2=value2'

eg:

wxredirectTo({

    url:'testid=1'

})

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

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

如 'pathkey=value&key2=value2',如果跳转的页面路径是 tabBar 页面则不能带参数

eg:

wxreLaunch({

    url:'testid=1'

})

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

需要跳转的 tabBar 页面的路径(需在 appjson 的  tabBar  字段定义的页面),路径后不能带参数

{

    "tabBar": {

        "list": [{

            "pagePath":"index",

            "text":"首页"

        },{

            "pagePath":"other",

            "text":"其他"

        }]

    }

}

wxswitchTab({

url:'/index'

})

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

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

webviewjson添加:

{

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#000",

"navigationBarTitleText": "名称",

"navigationBarTextStyle": "#fff"

}

用uniapp做了个简单的百度智能小程序,开发,测试,提交审核。很快,百度审核结果就出来了:审核不通过。审核不通过原因:小程序首页不得出现“返回”和“回首页”按钮。

但是我的小程序首页并没有返回和回首页的按钮啊?!

排查了一下,终于找到了原因。

百度小程序会按照pagesjson里的顺序判断第一个页面为首页,然后给其他页面自动加上返回按钮。

我的小程序中pagesjson中第一个页面不是业务上的首页,做了跳转到了第二个页面,第二个页面就是我定义的首页。百度小程序按照上面那套规则给我定义的首页加了返回的按钮,所以就造成了审核不通过。

解决办法就是,把pagesjson的第一个页面做成首页即可。

百度小程序还真的挺严格的

点击小程序的home键就可以切换聊天界面了。在微信661更新日志中提到,新版本微信主界面新增任务栏,下拉可以找到用过的小程序,按照使用先后反向排列。任务栏中的小程序支持左右滑动查看,想要进入哪个小程序,点击即可。如果想把常用的显示在前面,只需要把无用的小程序长按删掉即可。小程序的星标功能并不能在首页入口展现位置优势。如果想要查找更多曾经使用过的小程序,可以把列表滑到最右,点击三个点的图标,直接进入发现里的小程序入口。更新之后的小程序,关闭按钮由×变成了圆,由左边换到了右边。功能也由完全关闭变成了暂时关闭。变成圆之后的小程序,如果中途退出,只要不在后台关闭微信,你之前打开的小程序页面,再点进去还会在。以跳一跳为例,当你在玩的中途点击了原点暂时退出,再重新打开,依旧可以继续之前的游戏。点击原点不仅能在小程序与聊天界面中切换,也可以在多个小程序中进行切换。具体 *** 作就是长按圆形的键,然后在跳出的显示框中选择想要切换的小程序,点击即可。不得不说,在进行不断地改版之后微信小程序的 *** 作体验是越来越方便,加上微信官方的赋能,小程序的将来还是值得期待的。如果你不远错过这一波市场红利,那么就快去申请一个小程序,分享一波关于小程序的流量红利吧!

方法名称: wxenableAlertBeforeUnload

实现功能: 拦截页面返回,返回上页前d出询问对话框

文档链接&: >

以上就是关于微信小程序页面常用的5种跳转方法全部的内容,包括:微信小程序页面常用的5种跳转方法、解决小程序web-view没有返回按钮的问题、百度智能小程序审核不通过之首页不能有返回等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9274150.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)