uni-app路由跳转
<h3 id="navigateto">navigateTo</h3><h3 id="redirectto">redirectTo</h3>
<pre><code>(1)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面
(如果A->B来回频繁切换,不要A B两个方法都使用这个方法。)
//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
页面跳转路径有层级限制,不能无限制跳转新页面
跳转到 tabBar 页面只能使用 switchTab 跳转
(2)关闭当前页面,跳转到应用内的某个页面
需要跳转的应用内非 tabBar 的页面的路径,
路径后可以带参数。参数与路径之间使用?分隔,
参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2'
uni.redirectTo({
url: 'test?key=value&key2=value2'
});
(3)
uni.reLaunch(OBJECT)
关闭所有页面,打开到应用内的某个页面。
H5端调用uni.reLaunch之后之前页面栈会销毁,
但是无法清空浏览器之前的历史记录,此时navigateBack不能返回,
如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然可以导航到浏览器的其他历史记录。
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
(4)uni.switchTab(OBJECT)
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
(5)uni.navigateBack(OBJECT)
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
</code></pre>
<pre><code>navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
不能在 App.vue 里面进行页面跳转。
H5端页面刷新之后页面栈会消失,此时navigateBack不能返回,如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。
</code></pre>
</div>
<div id="MySignature" role="contentinfo">
<div style="width:818px;background:#f5f5f5; padding: 10px 10px 10px 10px; border: 1px dashed rgb(224, 224, 224); font-family: 微软雅黑; font-size: 13px;" >
<div style="padding:10px">
作者:流年少年 <br>
出处:https://www.cnblogs.com/ishoulgodo/ <br>
<p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
<p>如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!</P>
<p> 万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!</p>
<p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
<div style="display: flex;">
<div style="margin-right: 100px;text-align: center;">
<img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_201214043958支付宝收款码.jpg?a=1607924145179">
<div>
支付宝
</div>
</div>
<div style="text-align: center;">
<img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_20121604194271E6E296CCB71A007F4E22073D5EB64A.jpg">
<div>微信</div>
</div>
</div>
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接 <br>
如果文中有什么错误,欢迎指出。以免更多的人被误导。 <br>
</div>
</div><br><br>
来源:https://www.cnblogs.com/ishoulgodo/p/12731533.html
頁:
[1]