在路由切换跳转之后，页面是不会进行重新渲染的，因此导致了如下错误
- 使用路由跳转并携带参数，参数传入跳转路由的界面，并传给父组件，父组件接收到参数后传给子组件，子组件做相应的响应
只进行跳转
this.$route.replace('地址')进行跳转并携带参数
this.$route.push({ name:'地址',params:{ key:value}})- 为解决页面不刷新问题
Vue 路由切换时页面刷新页面重新渲染
2024-04-11
107
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
在Vue中，路由切换并不自动重新渲染页面，这可能导致传递参数到子组件时出现问题。使用`this.$route.replace('地址')`或`this.$route.push({name:'地址',params:{key:value}})`进行跳转，但子组件不会响应变化。为解决此问题，需监听`$route`对象的变化，如图所示，通过`watch: {$route}`确保页面更新。
目录
相关文章
|
2天前
|
JavaScript
|
1天前
|
存储
缓存
JavaScript
vue代码优化方案
【7月更文挑战第13天】 **Vue.js 优化要点：** 分解大组件以提高复用性和加载速度；利用计算属性与侦听器优化数据处理；使用Object.freeze()减少响应式数据；借助Vuex或Composition API管理状态；实现虚拟滚动和无限加载提升长列表性能；路由懒加载减少初始加载时间；用Vue DevTools检测性能瓶颈；定期代码审查与重构；应用缓存策略；遵循最佳实践与团队规范，提升应用整体质量。
10
2
2
|
4天前
|
JavaScript
前端开发
|
JavaScript
数据安全/隐私保护
|
4天前
|
JavaScript
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件，导致该弹出菜单残留
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件，导致该弹出菜单残留
16
6
6
|
4天前
|
JavaScript
|
4天前
|
JavaScript
定位技术
|
9天前
|
数据采集
JavaScript
前端开发
Vue框架的优缺点是什么
【7月更文挑战第5天】 Vue框架：组件化开发利于重用与扩展，响应式数据绑定简化状态管理；学习曲线平缓，生态系统丰富，集成便捷，且具性能优化手段。缺点包括社区规模相对小，类型支持不足（Vue 3.x改善），路由和状态管理需额外配置，SEO支持有限。随着发展，部分缺点正被克服。
19
1
1
|
10天前
|
JavaScript
|
4天前
|
JavaScript
前端开发
热门文章
最新文章
1
VUE的ajax拦截器
2
qian‘kun微服务配置vue3.2+ts+vite子应用教程
3
vue3-ts-vite：vue 项目 配置 多页面应用
4
Vue element ui 中 select 下拉框不回显
5
Vue 父子组件间的通信
6
招聘求职系统|基于Springboot+Vue+Nodejs实现求职招聘系统（一）
7
vue如何调用data双重数组的数据(双重for循环)
8
Vue
9
Vue：静态资源的路径问题
10
vue父子组件的生命周期
1
使用Vue.js构建交互式前端的技术探索
47
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
96
3
vue2升级到vue3的一些使用注意事项记录(四）
71
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
66
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
53
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
54
7
vue3中使用动态组件
57
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
71
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
40
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
60