uniapp使用uni-simple-router插件，导致H5端uni.navigateBack()方法报错

最新推荐文章于 2023-10-26 16:09:56 发布
最新推荐文章于 2023-10-26 16:09:56 发布
阅读量3.2k 收藏 5
点赞数 6
分类专栏： uni-app学习之路 uni-simple-router学习之路 前端学习之路 文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45941290/article/details/109213715
版权
在uni-app项目中，使用uni-simple-router插件后，H5端调用uni.navigateBack()方法会出现TypeError。解决方法包括在调用时传参数或者在router/index.js配置h5.rewriteFun为false，关闭uni-simple-router对navigateBack的重写。请注意，若需要插件的重写功能，不应使用此解决方案。
摘要由CSDN通过智能技术生成

uni-app使用uni-simple-router，导致H5端uni.navigateBack()方法报错

如题，报错信息如下：
TypeError: Cannot read property ‘constructor’ of undefined
在这里插入图片描述
解决方法1：
调用uni.navigateBack方法时传参数

uni.navigateBack(1);

解决方法2：
在router/index.js文件里加上 h5:{ rewriteFun:false } ，关掉uni-simple-router对reLaunch/navigateBack两个方法的重写

最低0.47元/天 解锁文章
那年的那个宝宝
关注
专栏目录
uni-app中使用uni.navigateBack()方法返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题
C_B_Y的博客
07-11 3483
uni-app中使用uni.navigateBack()方法H5端返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题
uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭
qq_37919080的博客
07-11 1540
uni-simple-router-v3 是一款适用于 Vue 3、Vite 和 uni-app 的路由管理器插件，它为您的应用提供了强大的路由功能和灵活的路由配置选项。特点：1.跨平台支持 2.基于 Vue 3 和 Vite 3. 动态路由配置 4. 嵌套路由和页面结构 5.路由守卫和导航控制 6. 视图过渡和用户体验
uniapp H5 navigateBack无法返回上一层级
最是人间留不住，朱颜辞镜花辞树。
09-13 1333
H5在PC端打开，当前页面重新加载的情况下，出现navigateBack不能返回，由于H5端页面刷新后返回页面栈会消失。提交表单后需要返回上一级。
【Uni-App】uniapp-H5页面刷新后返回失效，页面栈清空问题，navigateBack失效问题
Write less，do more
09-28 8027
想到的解决方案使用原生js的history对象，封装一个兼容uniapp api和原生js的返回的方法。在打包生成的H5项目里，刷新后，页面回调，这时候使用uniapp原生的返回api方法会失效。方法获取页面栈只有当前页面页面无法返回，一直在当前页面刷新闪烁。由于页面回调后导致当前页面刷新，使用。
uniapp uni.navigateBack 无法返回
qq_27007423的博客
09-15 9644
原因是内嵌web-view的H5页面进行了跳转，调用返回的时候就失效了，要用uniapp其它方法进行跳转 https://uniapp.dcloud.io/api/router?id=navigateback H5端页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。 uni.navigateBack({ delta: 1 }); ...
uniApp uni-simple-router 路由传参问题
m0_57547956的博客
10-14 2048
从列表跳转到详情 将参数带入 -> let ids = { storeId: this.Data.storeId, goodsId: this.Data.goodsId, id: this.Data.id } //路由跳转 this.$Router.push({ path: '/pagesA/pages/orderDetails/orderDetails?item', query: { ids } .
uniapp中的一个完全相似Vue-router的路由插件
01-20
2. **插件市场**：使用 HBuilderX 导入插件市场中的 uni-simple-router。 3. **ZIP 下载**：下载插件的 ZIP 包，解压后引入到项目中。 引入 uni-simple-router 需要在项目中导入 `Vue` 和 `RouterMount`，例如： ``...
uniapp路由传参使用密文_uni-app 的router方案 （大佬写的插件，借用一下并宣传）...
weixin_39984982的博客
01-13 1272
uni-simple-router一个更为简洁的Vue-router，专为 uni-app 量身打造简介说明:是否你也曾感叹过为啥官方就不搞一个类似直到此插件出来之前也没有一个更好的解决方法。于是它，没错，就是它，它诞生了。只要你会使用Vue-router即可马上上手，下面文档的完全不用看。它保留了Vue-router完全相似的书写风格，让你倍感亲切!大纲安装NPM复制代码npm insta...
uni-simple-router
虚幻私塾
05-31 1039
🚀 优质资源分享 🚀 学习路线指引（点击解锁） 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 目录* + uni-simple-router 一、快速上手 扩一：webpack插件之DefinePlugin 扩二：uni-read-pages 如何获取pag
高效实现uni-app页面路由模块化及路径个性化
qq_37919080的博客
07-23 1052
在uni-app开发中，当你不再使用pages.json来定义页面时，你可以轻松地自定义path，而不再担心路径无法自定义的问题。通过使用函数来导入组件，并在路由配置中进行自定义path的设置，你完全可以根据自己的需求来定义页面的路径。这种灵活性让你能够更加自由地组织和管理页面结构，而无需受限于pages.json的固定配置。
【uniapp】uniapp手机端使用uni.navigateBack失效问题解决
weixin_46682277的博客
06-24 5539
需要实现点击后退可以跳转到具体某个底部tabbar页面
uni-app集成uni-simple-router，报错：Uncaught ReferenceError: ROUTES is not defined
最新发布
jiaok_1105的博客
10-26 1422
问题：缺少Webpack 配置环境。
重写导航栏返回方法
c602530268的博客
08-01 765
重写导航栏返回方法如果自定义了一个leftBarBtnItem的话，会覆盖原来默认的导航栏返回键，并且会使左侧滑动返回上一页面功能失效。如果想要定制返回键，并且能够保有原来的左侧滑动返回功能，可以在需要左侧返回的控制器中添加代码self.navigationController.interactivePopGestureRecognizer.delegate = (id)self;这样就可以有左侧滑
UNI-APP开发笔记之使用uni.navigateBack修改上一个页面值
万能的僵小鱼
01-16 1万+
在uni-app开发中使用uni.navigateBac后想将数据传到上个页面，微信中使用setData可以做到，在uni-app开发中是无效的，解决办法如下： 1.在main.js文件中加入 Vue.prototype.$eventHub = new Vue(); 2.在监听页面加入 this.$eventHub.$on('fire', function (data) { console....
uni-app里面使用uni.navigateBack时，刷新页面会造成无法返回上一级页面
why_315的博客
09-08 7870
写一个方法在methods里面： back() { // #ifdef H5 const pages = getCurrentPages() if (pages.length > 1) { uni.navigateBack(1) return; } //使用vue-router返回上一级 let a = this.$router.go(-1) if (a == undefined) { //重新定向跳转页面 uni.reLaunch({ url: “/pages/tabbar/index” }) }
uniapp中采用vue-router的方式
热门推荐
sika-master的博客
12-25 2万+
插件：uni-simple-router 一个更为简洁的Vue-router，专为 uni-app 量身打造 快速上手文档地址：https://hhyang.cn/v2/start/quickstart.html 插件作者： 1606726660@qq.com 插件文档：插件文档地址 一、安装方式 三种方式 1.npm安装 项目根目录 命令行 执行 npm install uni-simple-router 2. 插件市场（使用HBuilderX导入插件） 插件地址： https://ext.dclou
uniapp---在H5中使用uni.navigateTo和router.push的区别
weixin_42596287的博客
05-11 1117
uni.navigateTo： 用于打开新的页面。 router.push： 用于路由之间的跳转，当前页面不需要刷新数据的情况下。
插件uni-simple-router，报错Error: /pages/error/* 路径无法在路由表中找到，检查跳转路径及路由表
l2345432l的博客
02-12 5012
uniapp小程序使用了插件uni-simple-router 这时候如果访问不存在的路由 会提示Error: /pages/error/* 路径无法在路由表中找到！检查跳转路径及路由表 解决方案 -插件携带方法 // page.json { "path": "pages/error/404", "name": "404", "style": { "app-plus": { "titleNView": false } } } //router.js const router =
uni-simple-router报错
qq_41144591的博客
05-04 1086
uni-simple-router报错
uniapp集成uni-simple-router
wwppp987的博客
05-19 1084
时间仓促将文档地址发出，严格按照此处操作即可。 安装 https://hhyang.cn/src/router/start/quickstart.html https://hhyang.cn/src/router/tutorial/rgRoutes.html#安装
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值