Vue 路径地址有变动，但是页面并没有变化原因

最新推荐文章于 2023-09-04 13:42:43 发布
最新推荐文章于 2023-09-04 13:42:43 发布
阅读量2.6k 收藏 3
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a13734123851/article/details/112543876
版权

因为模板里没有加<router-view></router-view>

only凡星
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue热替换失效的根本原因
10-17
本文将深入探讨Vue热替换失效的根本原因，并提供解决方案。 首先，我们需要理解Vue热替换的原理。Vue热替换依赖于`webpack-dev-server`，它会在开发模式下监听源代码的变动。当检测到源代码发生变化时，`webpack`会...
vue考试2222222
最新发布
06-26
9. **过渡效果**：Vue的Transition和TransitionGroup组件可以添加进入、离开和列表项变动的过渡动画效果。 10. **异步组件与动态导入**：Vue支持异步组件加载，可以按需加载大型组件，提高应用性能。 在Vite项目中...
解决vue路由后界面没有变化,但是链接有的问题
12-02
vue有个写法需要注意： 如果是跳转到默认首页，router-link 应该写： to: “{path: ‘ / ‘ } “ 如果跳转到非默认首页的时候，router-link 应该写： to: “{path: ‘ about ‘ } “ 就是除了跳转到默认首页的情况下，其他的都要去掉开始的斜杠 / ，是个坑，我踩了，祝你好运！ 以上这篇解决vue路由后界面没有变化,但是链接有的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue跳转，前进后退，点击浏览器的返回按钮，地址栏路由变了但是页面没跳转
H_ZMY的博客
09-04 3703
页面A—>B,B—>C,C—>B(OK),B—>A(失败)已解决。
【已解决】Vue的router-link地址变化但页面不刷新
蹦极的考拉
09-22 4479
由于最近搞了一般企业网站做练习，其中遇到各种的问题，今天无意中发现router-link点击产品的时候，列表页可以顺利进入详情页，但是详情页里面推荐产品却不能跳转。一般出现的情况：当前链接和政要点击的链接地址结构是一样的，就不能跳转了。（貌似是路由的过，因为路由结构本身没变化，所以网页不会刷新，而是变化的url而已）死活就是不跳转，但是url是变化的啊，抓耳挠腮大半天，查资料之后终于弄懂了这个问题。设置 router-view 的 key 属性值为 $route.fullPath。
解决vue3 路由切换后，页面不显示内容，刷新后正常显示（路由切换白屏的问题）
热门推荐
weixin_43185419的博客
06-13 1万+
正常使用时切换路由都可以正常地切换页面，但是页面长时间无操作就会浮现该问题。使用导航切换路由，路由可以正常跳转，地址栏有变化，但页面不显示。在router-view 中给路由添加key标识。2、切换的各级页面均有根标签节点包裹。
vue地址路由改变，但页面不跳转
cs_zhao18的博客
12-10 9732
问题：开始页面改成了./views/Home.vue，可以成功打开，但链接全部失效，地址路由改变，页面不跳转。 我的解决方法： 一、main.js文件，程序入口页面恢复为默认的App.vue 二、App.vue里其他代码删了，添加这三行代码 <template> <router-view/> </template> 三、然后运行，发现页面直接跳转到Home，并且链接跳转功能恢复 总结：应该是我修改后，缺少相关解析，导致页面锁死在了App.vue。.
vue router路由跳转了，但页面没有变
lwj1372391870的博客
06-29 4417
vue router路由跳转了，但页面没有变
boke-vue
03-16
开发过程中，使用`yarn serve`命令可以启动一个本地开发服务器，它会监听文件变动并实时刷新页面，这就是所谓的热重载功能。这极大提高了开发效率，因为每次修改代码后无需手动刷新浏览器就能看到变化。 4. **生产...
crm-frontend-vue:crm-frontend-vue
04-18
例如，可以设置API的基地址，或者调整输出文件的路径和命名规则。 ### 6. 文件结构 压缩包中的"crm-frontend-vue-master"很可能代表了项目的源代码仓库。通常，Vue.js项目会包含以下几个关键部分： - `src`: 存放...
VUE和ElementUI源码学习
01-24
2. **Vue配置**：在根目录下的vue.config.js文件中，可以对Vue CLI的配置进行定制，如设置公共路径、修改webpack配置等。 3. **Element UI集成**：项目会引入Element UI库，并在main.js文件中全局注册组件，使得...
vue路由url变化但是页面不跳转
m0_52318340的博客
08-09 3867
vue路由url变化但是页面不跳转
vue 同一个页面地址栏参数改变，页面不刷新的解决方案
aichimaodeyuybh的博客
08-12 1900
在vue项目开发中，只改变路由中的参数，路由地址不改变页面数据不刷新问题；造成这个问题的原因，是因为 vue-router 同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染。监听地址栏变化（watch），这是vue-router官方给出的解决办法。监听路由变化，把初始化的方法重新写到监听的方法里面执行。
vue-router 路由嵌套显示不出来_搞懂VueRouter，看这篇文章就够了
weixin_39622628的博客
11-20 2046
关注Vue社区，回复“加群”加入我们一起学习，天天进步风不识途juejin.im/post/6857124868359061512Vue-Router认识路由1.什么是路由2.后端路由阶段3.前端路由阶段前端路由的规则1.URL的hash2.HTML5的history模式Vue-Router基础1.认识vue-router2.安装与使用vue-router3.路由组件详解路由配置其他补...
vue监听当前页面的地址变化/路由变化
weixin_30613343的博客
09-29 3462
转载自: Heap Stack(Pingbook) https://pingbook.top/vue-watch-current-url-route-change/ 转载于:https://www.cnblogs.com/alterhu/p/11574485.html
vue $router.push 跳转到当前页面 地址栏变但是数据不刷新
qq_26241443的博客
03-30 2507
vue-router跳转页面时，如果name和当前页面的name一样，只是query的参数不一样，那么会导致页面内容不刷新，因为页面内容是在created中根据route中的参数来获取的，但是跳转当前页面不会出发created。
vue created 调用方法_vue 基础-生命周期 lifecycle 的执行顺序和作用
weixin_39609500的博客
12-10 688
前言《vue 基础》系列是再次回炉 vue 记的笔记，除了官网那部分知识点外，还会加入自己的一些理解。(里面会有部分和官网相同的文案，有经验的同学择感兴趣的阅读)平时开发中，我真的不太使用生命周期相关的方法。但必须明确的是，生命周期在整个 vue 具有非常重要的作用，如果你了解它将对理解整个 vue 会更容易；同时在遇到问题时也能有个导向性的判断。此篇简单说下生命周期的过程，以及方法调用。生命周期...
解决Vue项目中进入某个页面没反应但url能改变的问题
糖长老莫小贝的博客
07-23 3116
情景：我们有时候写路由跳转的时候，可能会遇到点击首页导航栏跳转到某页面，再次点击现在页面导航栏的首页项，却发现页面回不去了，但地址栏url却变化了，刷新页面的话才能正常显示。 首推方法！很简单——检查页面及组件页中的 data 里面有没有写 return 一定要写对哈！！！ 在 vue 组件中，data 必须写为函数，且需要用 return 来返回参数。但是当 data 为空时，即使不写 r...
vue-router 同一个页面地址栏参数改变，页面不刷新的问题
愤怒的阿木木的博客
04-22 1536
记录一下做项目中遇到vue-router 同一个页面地址栏参数改变，页面不刷新的问题 制作搜索功能需要改变路由参数而不改变路由地址重新请求数据，解决方法如下 监听地址栏变化（watch）,这是vue-router官方给出的解决办法。 监听路由变化，把初始化的方法重新写到监听的方法里面执行 watch: { '$route' (to, from) { this.search(this.$route.query.keywords) } }, ...
vue路由发送变化但是页面没有重载
05-01
Vue是一种现代化的JavaScript框架，可以非常方便地实现单页面应用程序（Single Page Application，SPA）的开发。Vue的路由机制通过vue-router进行实现，它使用URL路径来映射不同的组件，可以实现无刷新切换组件视图。 然而，在使用Vue的路由机制的过程中，有时候会出现路由发送改变但是页面没有重新加载的情况。这种情况通常是由于Vue的路由机制使用了浏览器的History API，通过改变浏览器的URL来实现路由的变化，而不是通过重新加载页面。 解决这种问题的方法有很多，其中比较常用的方法是使用Vue的$watch属性。$watch可以用来监视Vue实例中的数据变化，可以在数据变化的时候做出相应的操作。通过在Vue实例中添加$watch属性，可以监视路由变化，一旦路由发生变化就重新加载页面。具体实现方法可以参考Vue官方文档中的介绍。 另外，在使用Vue的路由机制时，还可以使用Vue的keep-alive组件来缓存组件。keep-alive可以将动态组件缓存起来，当组件再次被使用时，不会重新渲染DOM和执行mounted钩子函数，可以提高应用程序的性能。但是在使用keep-alive组件时，需要注意组件内部的生命周期钩子函数，如果这些函数的执行结果影响了组件的显示内容，需要在beforeRouteLeave钩子函数中重新定义这些函数，以保证组件显示正常。 总之，解决Vue路由发送变化但是页面没有重载的问题，需要结合具体情况采取不同的解决方案。在开发过程中，需要注重对Vue官方文档的学习和理解，以便更好地运用Vue的各种功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值