【HarmonyOS NEXT】方法router.back({ url: ‘/‘ })无效

最新推荐文章于 2024-07-05 16:08:16 发布
最新推荐文章于 2024-07-05 16:08:16 发布
阅读量415 收藏 10
点赞数 4
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/138223150
版权
文章讲述了在使用VueRouter的router.back方法时，遇到的关于URL特殊值的问题，如指定/’无效的情况，并提供了相应的解决方案：去掉URL对象，直接调用router.back()或根据页面栈深度指定精确路径。
摘要由CSDN通过智能技术生成

【关键字】

router.back

【问题描述】

API文档写着：

router.back方法参数中表示目标页面的url,可以用以下两种格式：- 页面绝对路径，由配置文件中pages列表提供。

例如：- pages/index/index- pages/detail/detail- 特殊值，如果url的值是"/"，则跳转到首页。但实际中 router.back({ url: '/' }) 无效

【解决方案】

去掉{url:'/'}，改成router.back()返回首页。

假如首页的路径是pages/Index，当页面栈中数量大于2的情况下，那么 router.back({url:'pages/Index'}) 就可以了。

Mayism123
关注
  • 4
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hopon：https：//play.google.comstoreappsdetails？id = com.ketchapp.hop的PWA
02-05
on 适用于PWA 这是一个网络克隆 :index_pointing_up_selector: 游戏。 使用BabylonJS preact-cli和BabylonJS 。 URL：//即将推出 在这里阅读有关其制作的信息
梅科尔工作室-崔子旭-鸿蒙笔记4
avbnj的博客
02-07 277
Ability概述Ability是一种包含用户界面的应用组件，主要用于和用户进行交互。Ability也是系统调度的单元，为应用提供窗口在其中绘制界面。每一个Ability实例，都对应于一个最近任务列表中的任务。一个应用可以有一个Ability，也可以有多个Ability，如图1-1所示。例如浏览器应用可以通过一个Ability结合多页面的形式让用户进行的搜索和浏览内容；
app内vue.js router.back失效
weixin_43987513的博客
04-10 5626
这里写自定义目录标题app内vue.js h5页面router.back()失效 app内vue.js h5页面router.back()失效 最近在弄混合开发，发现打包之后第一次安装app后，返回的按钮失效，退出app后又可以用了，通过safari调试之后，发现$router.back() 是执行了的，但是页面没有返回，下面就是解决方法 $router.back(); try { setT...
Vue router 使用 History 模式导致页面请求 404
weixin_43848954的博客
07-01 813
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter({ mode: 'history', routes: [...] }) 当你使用 h
混合app开发$router.back无效的问题
yixiancheng的博客
12-13 2281
this.$router.back() try { setTimeout(() => { let path = window.location.hash.slice(1); this.$router.replace(path) }, 1); retu...
nextjs系列教程(三)：pages和路由
harry的博客
03-29 4515
nextjs系列教程
鸿蒙原生应用开发-关于页面接口router返回问题与解决思路
weixin_69135651的博客
11-15 566
在测试demo登录的时候，登录成功后返回到主页面，然后进入到登录页点击退出，结果退出后实际还是登录状态，后台打印信息也没有出现报错。提供通过不同的url访问不同的页面，包括跳转到应用内的指定页面、用应用内的某个页面替换当前页面、返回上一页面或指定的页面等。router.replaceUrl()：用应用内的某个页面替换当前页面，并销毁被替换的页面。router.clear()：清空页面栈中的所有历史页面，仅保留当前页面作为栈顶页面。router.pushUrl()：跳转到应用内的指定页面。
解决vue.js this.$router.push无效的问题
10-18
今天小编就为大家分享一篇解决vue.js this.$router.push无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
router.tsx::package:router.tsx —基于TypeScript构建的Advanced React路由器。 基本的React路由器的通用替换套件
03-16
:package: router.tsx :anchor: 基于TypeScript构建的高级React路由器 适用于VKUI的基本React路由器的通用替换套件 :information: 关于router.tsx 因此，我们知道这里有react-router，router5等。 但是我们想要...
RouterOS PPPOE 多拨负载均衡PCC.pdf
03-10
本文档介绍如何通过Routeros设置PPPoE拨号，并利用PCC技术实现负载均衡。（图文介绍） 在MikroTik RouterOS中配置PPPoE（Point-to-Point Protocol over Ethernet）拨号和PCC（Per-Connection Classifier）负载均衡是...
【HarmonyOS NEXT】使用router.pushNamedRoute跳转界面后，如何使用router.back指定URL及params返回上一个界面
Mayism123的博客
04-09 284
在A界面使用router.pushNamedRoute跳转B界面后，在B界面使用router.back指定URL及params无法返回A界面。back不支持使用URL返回页面。直接使用router.back，不加参数，支持page/xxPage这种。AES加解密 / 分段加解密 / 较大的数据加解密。
【HarmonyOS NEXT】如何利用路由组件实现返回多层页面或者根据tag返回指定页面
Mayism123的博客
04-01 233
例：使用router依次打开，A->B->C->D，四个页面(嵌套web组件，每个页面分别加载了不同的h5地址)，这4个页面使用的为同一page，想从D页面退回A页面时，现有的router组件不支持直接回退，只能循环调用三次router.back()方法实现，且页面回退效果中会出现B和C这两个中间页面。当前的router.back还不支持指定页面栈返回，可通过指定URL返回，通过携带params初始化页面实现类似效果（但是并没有返回页面栈栈底）router / 指定页面。
鸿蒙 HarmonyOS Next 路由 不废话 全干货
最新发布
制定持续可量化的目标，不断坚持。
07-05 393
（1）直接通过创建一个新的Page的方式创建（2）先创建一个 ArkTs File文件，然后在resources/base/profile/main_pages.json中加上页面对应的src路径，下面的Index_3.ets文件是通过创建ArkTs File文件生成的，需要加上src路径加上路径后的显示： 普通跳转（可以返回） 相当于栈，可以每次跳转都是入栈，每次返回都是出栈，页面栈的最大容量是32个页面提示：页面地址是resources/base/profile/main_pages.json里
dialog弹出，点击back按键无法返回问题解决
A08110123的博客
07-24 321
今天阅读队友代码，调试代码中，发现对话框弹出点击back按键无法返回问题解决。 代码如下： /** * 单个按钮没有标题的弹框 * * @param context * @param content内容 * @param btnString按钮名称 * @param dia按钮事件 * ...
VUE返回上一页不准确，获取上一页URL，当触发返回操作时强制跳转。（增加中转页从后一页返回时触发返回操作回到前一页的实现方法）
weixin_43185419的博客
08-23 1063
问题：从具有侧边导航栏的列表页进入详情页，但返回操作时可能是任意导航栏内的页面。也就是说没法正常返回真正的上一页。 // this.router.replace("/");//this.router.replace("/"); // this.router.replace("/");//this.router.go(-1); //window.history.back(); // this.$router.back(-1); 都无法解决这个毛病。 解决思路：首先获得上一页的URL，再替换路由。 参考链接：
vue-route 路由跳转
qq_43765727的博客
06-12 190
router.back方法是不用带参数的 router.go(n)要带参数 如果子路由删除数据，不要用router.back()方法，用router.replace()方法（这样会替换路由最新一条记录），不然如果用户点击浏览器前进按钮会报错。 ...
vue-router偶现返回失效
个人博客
12-31 2118
vue-router偶现返回失效问题描述解决方式 问题描述 vue-router 动态addRoute 后 router.back和router.go(-1) 失效，点击返回之后仅仅是路由改变，页面不刷新 解决方式 在调用 $addRoutes 动态添加方法时，调用一下 router.history.setupListeners() for (let i = 0; i < arr.length; i++) { router.addRoute(arr[i]); // arr 登录后传进的有权
module.exports = app => { const tutorials = require("../controllers/tutorial.controller.js"); var router = require("express").Router(); // Create a new Tutorial router.post("/", tutorials.create); // Retrieve all Tutorials router.get("/", tutorials.findAll); // Retrieve all published Tutorials router.get("/published", tutorials.findAllPublished); // Retrieve a single Tutorial with id router.get("/:id", tutorials.findOne); // Update a Tutorial with id router.put("/:id", tutorials.update); // Delete a Tutorial with id router.delete("/:id", tutorials.delete); // Delete all Tutorials router.delete("/", tutorials.deleteAll); app.use('/api/tutorials', router); }; 分析一下
07-14
- `router.get("/:id")`：获取指定id的Tutorial。 - `router.put("/:id")`：更新指定id的Tutorial。 - `router.delete("/:id")`：删除指定id的Tutorial。 - `router.delete("/")`：删除所有Tutorials。 最后，通过`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值