vue页面跳转重复红字错误

最新推荐文章于 2023-06-01 12:25:33 发布
最新推荐文章于 2023-06-01 12:25:33 发布
阅读量153 收藏
点赞数
分类专栏： 学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40628929/article/details/119257633
版权

在router文件夹下的index.js下添加：
//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}

即可消弭红字（虽然运行时没有什么影响）

翰锦鲤321
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue：不判空导致页面报红叉问题。
qq_40756936的博客
09-13 202
问题描述：刚打开页面的时候报如下红叉，莫名奇妙。 经过查找，发现了导致这种问题的根源： 如上图所示：该方法所得为[ ]，但是图二的代码方法里面直接获取了data[0]，所以报红叉了。正确更改： 进行一个判空的判断就解决了。 （本来想的是把msg删除掉，但是这个是上面的代码有问题就走这个，直接删除掉太粗暴了，还不能真正的解决问题） ...
vue框架在ie浏览器下的问题以及解决方法
CheyBen的博客
12-31 1510
vue浏览器兼容性问题ie9 ie10 edge vue 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性，比如Object.defineProperty()此方法就会报错， 1、报错：ReferenceError: “Promise”未定义，原因是：Promise是es6的新语法，ie9和一些低版本的高级浏览器对es6新语法并不支持...
Vue登录时校验验证码
weixin_45732391的博客
01-23 2033
Vue登录时校验验证码 环境： 前端：Vue 后端：SpringBoot 前一章已写过如何实现验证码：https://blog.csdn.net/weixin_45732391/article/details/113180052 这章看下如何验证验证码准确性。 前端： login () { // 组装参数 const parsm = { // 用户名 username: this.username, // 密码 pas
点击登录,页面弹出红色报错遮罩层,代码不运行怎么解决！
m0_59608340的博客
06-01 584
登录报错显示遮罩层
vue页面跳转实现页面缓存操作
11-20
业务需求 打野在A页面野区进行一波骚操作打了一只蓝爸爸，然后点击导航栏跑到B页面的野区秀操作打了一只红爸爸，然后他又回到A野区，希望A野区还是只有一只蓝爸爸被打的...补充知识：vue keep – alive 使用只有从固
Vue页面跳转传递参数及接收方式
10-14
主要介绍了Vue页面跳转传递参数及接收方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue页面跳转后返回原页面初始位置方法
11-28
vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...
Vue页面跳转动画效果的实现方法
10-17
百度了好久都没办法实现vue中一个页面跳到另一个页面，甚至到google上搜索也是没办法的，最终还是找了高人亲自指导，所以下面这篇文章主要给大家介绍了关于Vue页面跳转动画效果的实现方法，需要的朋友可以参考下
解决App.vue项目中＜RouterView /＞标签报红的问题
m0_56226131的博客
12-28 883
关于解决App.vue项目中标签报红的问题
输入框输入有误时显示红色边框
热门推荐
LuckyMon的博客
02-25 1万+
达到目的：list选择，显示1-5条参数，每条参数输入时检测输入是否有误，输入有误则方框变红，且页面显示报错 document.getElementById(id) 最开始在网上找到的方法便是获取id，然后改变属性，但是此种方式比较适合少量的确定的div或其他类型，但是这里的list列表至少10条以上，每条的参数名称和数量不尽相同。 v-bind:class="{‘selected’: bool[...
vue 路由配置 嵌套路由 路由元 路由导航守卫
qq_42389674的博客
08-28 401
嵌套路由的基础配置配置 route.js 文件 import Vue from "vue"; import Router from "vue-router"; Vue.use(Router); const originalPush = Router.prototype.push; Router.prototype.push = function push(location) { return originalPush.call(this, location).catch((err)..
关于编程式路由产生冗余导航,vue-router报错问题解决
weixin_50194471的博客
08-15 514
/ 解决同一页面产生导航冗余，vue-router报错问题。将该段代码直接放置在mian.js文件中即可。
解决vue跳转同一路由报错问题
hjdjhh的博客
02-07 2375
vue中，如果跳转同一个页面路由，虽不会影响功能，但是会报错 原因：路由的push会向历史记录栈中添加一个记录，同时跳转同一个路由页面，会造成一个重复的添加，导致页面的报错 解决方案：在router的index.js中重写vue的路由跳转push const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(thi..
VueRouter解决重复点击导航路由报错,Router路由跳转错误
qq_40591925的博客
05-19 524
push方法： const originalPush = VueRouter.prototype.push // 修改 原型对象中的push方法 VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err=>err) } replace方法： const originalReplace = VueRouter.prototype.r..
vue-router重写Router.prototype.push，解决相同路径跳转的报错问题
weixin_45646663的博客
09-16 2523
vue-router的问题
vue项目中将后端返回的文本中的数字和特殊文本标红显示
fyc_away的博客
06-02 2254
将文本中的"返还"和数字(一般是小数)标红显示 1、数据处理 // 处理列表显示 handleTableData(data) { // data 是后端返回的列表数据, 在这进行处理 const result = []; const replaceText = []; const numberText = []; for (let i = 0; i <= 9; i += 1) { replaceText.push(`${i
【笔记】Vue router 解决跳转到当前路由报错问题
misschengispink的博客
12-21 599
解决方案： 在vue的路由文件里 我的是router.js(或者是router文件夹里的index.js) // 解决跳转到当前路由报错问题 // 底下这两句如果引入过就不用引入了 import Vue from 'vue' import VueRouter from 'vue-router' const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return
Vue-router 的简单配置及使用
qq_28059167的博客
04-27 2869
这里写自定义目录标题安装引入 安装 如果你的脚手架尚未安装vue-router请使用以下代码进行安装： npm install vue-router --save 引入 1、在main.js中引入: import router from ‘./router’; new Vue({ render: h => h(App), router }).$mount(’#app’) 2、在src文件夹中...
vue页面跳转router
最新发布
07-15
在Vue中进行页面跳转可以使用Vue Router来实现。以下是一个简单的步骤： 1. 首先，在你的Vue项目中安装Vue Router。你可以通过运行以下命令来安装： ``` npm install vue-router ``` 2. 在你的项目中创建一个router.js文件（或者你可以选择其他的文件名），并在该文件中引入Vue和Vue Router： ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); ``` 3. 在router.js文件中定义路由规则。你可以使用`VueRouter`实例的`routes`属性来定义路由规则，每个路由规则都包含一个路径和一个组件。例如： ```javascript import Home from './components/Home.vue'; import About from './components/About.vue'; const routes = [ { path: '/', component: Home }, { path: '/about', component: About } ]; ``` 4. 创建一个`VueRouter`实例，并将路由规则传递给它： ```javascript const router = new VueRouter({ routes }); ``` 5. 在你的Vue实例中使用该路由。假设你的Vue实例是在main.js文件中创建的，你需要在该文件中导入router.js，并将其传递给Vue实例： ```javascript import Vue from 'vue'; import App from './App.vue'; import router from './router'; new Vue({ router, render: h => h(App) }).$mount('#app'); ``` 6. 在你的组件中使用`<router-link>`标签来创建链接，以便进行页面跳转。例如，在你的App.vue组件中，你可以添加以下代码： ```html <template> <div> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-view></router-view> </div> </template> ``` 这样，当用户点击"Home"链接时，页面将跳转到Home组件，当用户点击"About"链接时，页面将跳转到About组件。 这是一个简单的示例，你可以根据你的具体需求进行修改和扩展。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值