1.将原本写在mounted里初始化数据的代码封装到init()方法中
init(){ //页面初始化时获取路由参数，访问接口获取数据等操作 },
2.在mounted中调用init()方法
mounted(){ this.init() },
3.使用 watch，监听路由，一旦发生变化便调用init()方法
watch: { '$route': function (to, from) { this.init() } },
vue解决方案 | router-view路由切换时页面不刷新
2024-07-01
124
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue解决方案 | router-view路由切换时页面不刷新
目录
相关文章
|
1天前
|
JavaScript
|
1天前
|
JavaScript
|
1天前
|
JavaScript
|
JavaScript
数据安全/隐私保护
|
4天前
|
JavaScript
|
2天前
|
JavaScript
|
2天前
|
JavaScript
前端开发
IDE
|
2天前
|
JavaScript
前端开发
API
|
2天前
|
JavaScript
前端开发
|
2天前
|
JavaScript
前端开发
API
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
【Vue.js 入门与实战】--组件化和模块化的区别
3
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入
4
前端vue给后端list集合对象传值
5
基于Vue和SpringBoot的电商管理系统的设计与实现（一）
6
手把手教你使用Vue3指定状态管理库--Pinia
7
扛着锄头写代码之vuejs和nodejs搞起web app系列
8
Vue 父子组件通信 兄弟组件通信 深层组件通信 方式一览
9
Vue —— 基础（二）（计算属性、监听属性）
10
【Vue3】模板语法