VUE 同一页面路由参数变化,视图不刷新的解决方案
2023-09-27 14:26:17 时间
1.监听路由处理
watch: { $route(to, from) { // 逻辑
// 重新调用数据接口
} },
2.beforeRouteUpdate导航守卫 路由更新时触发
beforeRouteUpdate (to, from, next) { // 逻辑 this.$route.query.xx = to.params.xx; next() // 一定要有next },
3.只需要在入口文件设置监听事件即可
<div id="app" :key="Key">
</div> data() { return { Key: '' }; }, watch: { $route: function(newUrl, oldUrl) { this.Key = new Date().getTime(); } }
相关文章
- (尚054)Vue_源码分析_模板解析_事件指令
- (尚030)Vue_案例_存储数据(localStorage本地存储技术)
- vue-cli 初始化创建 vue2.9.6 项目路由守卫、封装axios、vuex
- 【Vue】Vue通过路由实现父子【嵌套】功能(图文+完整代码)
- 【Vue】Vue2和vue3路由的安装及页面切换简单示例(图文+完整源代码)
- vue+iview使用webpack打包工具上线后丢包问题Loading chunk xxx failed
- Vue - 下载后端接口返回的文件流(js-file-download)
- vue重复点击路由 导致冗余导航的解决方法
- Vue.nextTick浅析
- Vue—事件修饰符
- Vue路由传递获取参数
- vue路由懒加载
- Vue 路由(Router)详细介绍(切换,传参,通信)
- vscode----vue模板--用户代码片段--快捷
- Vue---路由跳转传参
- Vue--路由带参跳转--/login?id=10--接收this.$route.query.id
- vue-router路由嵌套与二级路由重定向
- 轻松解决【Vue】:Uncaught SyntaxError: Unexpected token ‘<‘
- Vue登录token处理
- vue刷新当前路由:router-view 复用组件时不刷新的3种解决方案总结
- Vue自定义指令和路由
- 05-vue-cli-路由配置
- Vue学习第33天——路由守卫(导航守卫)超详解讲解及使用场景、案例练习
- vue中如何动态添加readonly属性