vue中写完页面router后页面点击不跳转

最新推荐文章于 2025-05-10 10:37:48 发布
原创 最新推荐文章于 2025-05-10 10:37:48 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

这篇博客记录了一位开发者在下午修复bug的过程，主要问题在于`app.vue`文件中忘记添加关键代码，以及在配置路由时将`routes`误写为`routers`，导致整个下午的困扰。这个简单的字母错误揭示了开发过程中细致检查的重要性。

1.在app.vue中忘记写
2.routes写错啦，写错routers…（记录一下自己改bug，修改一下午，发现多打了个r！！！！）

用vue实现注册页面、登录页面、主页之间跳转并保持登录状态【完整代码】
Anita的博客
02-24 4万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、页面的简单实现1.登录页面2.注册页面3.主页（显示个人信息）二、逻辑实现1.localStorage的使用2.功能实现登录注册主页路由配置文件总结 前言 本文主要讲解用vue来实现三个页面之间的跳转以及登录状态的实现，css还在努力学习中，所以界面做的很丑lol 要求： 1.三个页面，登录页面Login，注册页面Register，主页Home 2.用route路由实现不同页面逻辑跳转 3.登录状态 打开网页时，不论输
工作遇到的坑之vue3路由切换时，页面不正常显示，刷新后正常显示（路由切换白屏问题）
qq_51415791的博客
08-30 1196
其实vue在执行的过程中，会复用相同的主件，对于路由有多个子路由来说，当在子路由来回切换时，会导致页面不刷新的问题，这是因为不再执行created和mounted这些。细心的小伙伴已经发现了，解决前和解决后的代码，在 router-view标签中，多出了key标识，那我们去思考一下，为什么加key之后，就会解决白屏问题呢？通过设置key值，从而避免了组件复用，子路由间来回切换时，页面都会重新加载。，可以通过watch来监听$route的变化从而加载不同的组件。首先，在这里我来从两种情况去解释一下key。
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转 昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。 出现的情况是 router.push 后，url变化了，但是页面没有刷新，手动刷新一下才出现应有的画面。 我看了一下 package.json，我的 vue 和 axios 是没有写版本号，但 vue-router 明明写了版本号，怎么可能以前行的，现在就不行了呢？ 然后，我使用 npm view vue-router 查看后才发现使用的
vue-router 2 跳转失败原因
weixin_33918114的博客
09-19 682
axios.post('/internal/user/login_from_mobile ',{ mobile: this.logPrefix+this.formInline1.mobile, password: this.formInline1.password, ...
vue router.push(‘xxx‘)不跳转问题
最新发布
weixin_47190875的博客
05-10 639
1.父组件未添加 <router-view></router-view>标签。3.一切配置都正确可添加以下代码进行跳转（setup）2.路径或名称与路由不一致如。
vue中 vue-router不跳转
TO_Web的博客
12-10 2732
router-view 点击不跳转 路由配置 { path: '/', name: 'Navcation', component: () => import(/* webpackChunkName: "Navcation" */ '../components/Navcation') }, { path: '/survey', name: 'survey', component: () => import(/* webpackChunkNa
【Vue】Router路由无法跳转问题整理
Sheldon74的博客
09-08 1万+
Vue Router路由无效或异常等问题整理
vue中怎么点击这个链接跳转到另一个写完的页面
10-27
在Vue.js中，你可以通过v-link指令或者传统的JavaScript事件处理来实现页面之间的导航。如果你想使用Vue Router（推荐的官方路由库），请按照以下步骤操作： 1. 首先，安装Vue Router：`npm install vue-router` 2...
浅谈vue项目4rs vue-router上线后history模式遇到的坑
12-03
因为本次项目属于以前网站重构，但是seo问题，所以需要以前的一些地址路径写，所以vue-router的路径全部重改了。打包后查了网上一大堆，都说要把config里的index.js 里的build里的 assetsPublicPath: ‘/’改成‘./...
Vue项目部署在Spring Boot出现页面空白问题的解决方案
12-02
2. **配置Vue Router的`base`**：在`router/index.js`中，设置`base`为相同的上下文路径`&#39;/api/&#39;`，确保路由跳转与上下文路径一致。 3. **配置Ajax请求的基础URL**：对于使用axios或其他HTTP库进行的Ajax请求，需要...
解决vue+router路由跳转不起作用的一项原因
11-20
如下所示： Vue.use(Router) export default new Router({ mode:&#39;history&#39;, routes: [ { path: &#39;/&#39;, component: Login }, { path: &#39;/login&#39;, component: Login }, { path: &#39;/register&#39;,component: Register}, {path: &#39;/*&#39;, component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下 补充知识：vue-router配置后地址栏输入跳转不
router-link跳转失败（Vue router命名路由）
whtli的博客
01-21 8760
Vue router命名路由，router-link跳转失败解决方法
vue-router 路由嵌套显示不出来_搞懂VueRouter，看这篇文章就够了
weixin_39622628的博客
11-20 2213
关注Vue社区，回复“加群”加入我们一起学习，天天进步风不识途juejin.im/post/6857124868359061512Vue-Router认识路由1.什么是路由2.后端路由阶段3.前端路由阶段前端路由的规则1.URL的hash2.HTML5的history模式Vue-Router基础1.认识vue-router2.安装与使用vue-router3.路由组件详解路由配置其他补...
vue配置路由，路由不跳转，页面不显示
qq_41988113的博客
04-26 1万+
问题1：路由不跳转 遇到这个问题第一时间去检查自己的代码 （1）在router index.js中 ①查看这两个routes是否一致 const routes:[ ... ] const router = new VueRouter({ routes, }) ②配置中的component是否多加了s { path: '/home', component: Home }, ③导入的文件路径是否正确 const Home = () => import('../vi
vue3改变路由不跳转案例
你怎么也喜欢嘴巴嘟嘟
09-03 2084
当我们的需求是 界面里面使用的tab切换，每次点击tab切换我们向后端发送一个参数，但是内部我们可以做到，这样的话路由不会自动修改，我们需要使用 router.replace({ name: "路径", query: { id: id, }, }); 官网解释为：跟 router.push 很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。 ...
前端控制台不报错但是写了router不跳转的问题
qq_51978140的博客
04-16 388
前两天一直被这个问题折磨，因为前端没有报错，然后检查了好几遍router都没没发现路径的问题，而且跳转页面的接口也显示200，但是页面没有变化，然后干脆把代码都粘贴到了可以跳转的页面里，发现就成功了。后面发现是侧边栏有设置默认跳转的页面。设置了这个参数，如果想跳转到其他页面是不能成功的。
记一次vue踩坑 this.$router.back()在ios失效,试了各种返回，最后发现是因为url传参的原因，去掉参数就可以了。。
weixin_37191074的博客
07-15 2681
vue this.$router.back()在ios失效
route浏览器登录地址变了却不跳转
Mr.Tang的博客
04-21 229
问题原因：缓存造成的 这里我只有一个暂时解决的办法：清除浏览器最近一天或者一周的缓存。 如果有找到根源问题，希望评论区能指点一下
android WebView 加载重定向页面无法后退解决方案
热门推荐
lastdream的专栏
10-27 3万+
项目中需要用webView加载第三方的web页面，其中有个页面有重定向到另外一个页面，造成了页面无法后退，后退到上个页面，又重定向到之前界面，重定向源页面也被加入到浏览记录中，刚开始想查找api中找个编辑历史记录的方法，把找重定向源页面从历史记录中删除，半天找不到，只有clearHistory方法。后用浏览器访问该网站，则后退正常，会退到重定向页面。用微信内置WebView ，QQ内置WebVie...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值