Vue Router不跳转

最新推荐文章于 2024-04-07 15:29:50 发布
最新推荐文章于 2024-04-07 15:29:50 发布
阅读量7.9k 收藏 2
点赞数 2
分类专栏： js vue 文章标签： vue vueRouter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/docwangsir/article/details/95164403
版权
js 同时被 2 个专栏收录
25 篇文章 0 订阅
订阅专栏
vue
9 篇文章 0 订阅
订阅专栏

我找了很久的bug，又对照以前的项目老看，基本没有错，但是为什么不跳转，后来我发现我干了一件傻事.....

我竟然把要写的主页面覆盖了App.vue这个文件，并且把原格式弄得稀烂。所以致使我整个router都不对，这个主要的原因是因为我根本没有用到<router-view/>这个标签，当然不跳转了。。。。。。。

所以建议：

App.vue这个文件一定不要动，你可以重写一个vue文件然后把默认路由'/'指向你的主页面，但是别瞎重弄app.vue文件，他是祖宗咱别管他了.....

docwangsir
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue路由传递参数（一）（不跳转页面传递参数）详解
jieweiwujie的博客
09-06 2418
此用法主要适用于单页面中引入一个组件，组件需要根据不同的参数展示不同的数据，不用跳转页面，渲染速度快，达到消耗少，高内聚，低耦合的效果
解决vue+router路由跳转不起作用的一项原因
11-20
如下所示： Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Register}, {path: '/*', component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下 补充知识：vue-router配置后地址栏输入跳转不
vue——router更改路由地址，但是页面不能跳转
yehaocheng520的博客
07-28 7575
在做电商项目时，筛选标签时，需要路由发生变化，但是当前的页面商品列表还需要局部刷新。 如果更改路由后，页面跳转，则是全局刷新，局部刷新才能够满足用户需求。 则此时要做的就是：更改路由地址，但是页面不能跳转。 this.$router.push或者this.$router.replace就是实现路由改变页面跳转的方法： this.$router.push({ path:'index.html', query:{ id:3, tag:18 } }) 如果仅仅是为了让路由发生变化的话，可以将上面中
Vue实现下载文件，解决下载图片跳转问题
最新发布
ct5211314的博客
04-07 220
【代码】Vue实现下载文件，解决下载图片跳转问题。
vue不再支持路由跳转params传值
weixin_43904993的博客
02-27 282
具体参考。
久等了，提高开发效率的 vue 技巧来了
MrXu的博客
10-09 893
最近俩月正好用 vue 做了一个大数据的项目，积累了很多心得。今天终于有机会分享出来了。组件（component）的使用vue 提供的模块化无疑是提高开发效率的神器，而且...
vue router 跳转后回到顶部的实例
10-18
今天小编就为大家分享一篇vue router 跳转后回到顶部的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 页面跳转不用router-link的实现代码
08-27
但是，在某些情况下，我们可能不想使用 router-link 来实现页面跳转。这时，我们可以使用其他方法来实现页面跳转。 下面是一个使用 Vue 实现页面跳转不用 router-link 的示例代码： 首先，在模板中，我们可以使用 ...
vue-router跳转时打开新页面的两种方法
10-16
主要给大家介绍了关于vue-router跳转时打开新页面的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue-router具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
Vue-Router来实现组件间跳转的三种方法
08-28
"Vue-Router来实现组件间跳转的三种方法" Vue-Router是Vue.js官方提供的一个路由管理器，主要用于实现SPA（Single-Page Application）应用程序中的路由管理。通过使用Vue-Router，可以轻松地实现组件之间的跳转，...
vue中全局socket及路由不跳转带参数刷新页面和trycatch事务管理
weixin_43795840的博客
12-16 920
一.使用vue出现的bug和已经实现的功能 1.反复在公共组件中调用同一个component组件并且需要传值刷新时（就是路由地址不变，根据不同传值刷新） （1）引入一个utils.js内容如下 import Vue from 'vue' export default new Vue （2）在需要跳转的页面和公共页面引入utils import utils from '../../../Base/...
vue跳转方式及传参 (包括打开新窗口)
rail1988的博客
11-20 895
本文实例讲述了vue跳转方式（打开新页面）及传参操作。分享给大家供大家参考，具体如下： 1. router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/detail/two', query:{id:1，name:'vue'
【Vue-Router】不跳转的情况下为路由(当前页面)添加query参数
m0_46470372的博客
04-04 2427
【代码】【Vue-Router】不跳转的情况下为路由(当前页面)添加query参数。
vue页面之间相互传值的方法
热门推荐
impossible1994727的博客
04-26 3万+
1、使用query传值--地址栏可见 比如从a.vue跳转至b.vue，传name=‘jack’，代码如下: this.$router.push({ path: "/result", query: { name: 'jack' } }); 在b.vue通过地址栏的url 进行接收参数； 我是在created这个函数里面进行接收的...
Vue中不同页面之间如何传递参数？
Alan_Walker688的博客
02-25 2137
Vue中不同页面之间传递参数的解决方法
Vue随笔10-关于两个不同页面（窗口）之间怎么传值通信、调用方法的问题解决
weixin_40994437的博客
11-19 4253
关于两个不同页面（窗口）之间怎么传值通信、调用方法的问题解决前言一、vm.$on(event,callback)的使用二、window.opener的运用 前言 项目中遇到这么个cr—在新打开的页面提交文件后关闭这个页面后就刷新原本的父页面渲染出提交的数据，有想过用vuex的，但是太复杂要改动的东西太多没必要，之后想到过用window.opener.location.reload()这个方法的，但是体验太差了-这是整个页面的刷新，最终找了一上午才找到以下两个办法。 PS:不过经测试，使用方法一的话好像.
关于VUE Router不跳转原因
qq_52721945的博客
09-14 3934
router对关键字是很注重的 不能随意取 它会有内置的一些关键字 对不上关键字是识别不了的（小白个人理解）
vue 使用this.$router.replace、this.$router.go、this.$router.push 等进行页面跳转不生效
絮落锦乡的博客
03-27 8360
一、问题描述 vue 在使用页面跳转的时候，发现页面总是不调转，或者地址变了，页面不刷新等问题 二、解决方案 1、排查页面是否使用了beforeRouteLeave ，如果使用了该函数，意味着路由被拦截下来进行处理了，这个时候做完逻辑处理后必须要加上 next() 函数，才能让路由继续跳转，否则页面将不会跳转。 2、排查页面是否报错，哪个方法未定义。 3、检查路由配置是否正常。 ...
vue-router 路由嵌套显示不出来_搞懂VueRouter，看这篇文章就够了
weixin_39622628的博客
11-20 2032
关注Vue社区，回复“加群”加入我们一起学习，天天进步风不识途juejin.im/post/6857124868359061512Vue-Router认识路由1.什么是路由2.后端路由阶段3.前端路由阶段前端路由的规则1.URL的hash2.HTML5的history模式Vue-Router基础1.认识vue-router2.安装与使用vue-router3.路由组件详解路由配置其他补...
vue router 页面跳转
07-16
import VueRouter from 'vue-router' Vue.use(VueRouter) ``` 接下来，你需要定义你的路由。在同一个文件中，创建一个新的Vue Router实例，并配置你的路由规则。例如： ```javascript const routes = [ { path: ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值