VUE 路由适用于道的问题
2023-09-27 14:29:06 时间
vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑!
1.路由变化页面数据不刷新问题
出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是第一次进入的数据。
解决方法:watch监听路由是否变化。
1 2 3 4 5 6 7 8 9 10 11 12 13 | watch: {// 方法1 '$route'(to, from) { //监听路由是否变化 if(this.$route.params.articleId){// 判断条件1 判断传递值的变化 //获取文章数据 } } //方法2 '$route'(to, from) { if(to.path == "/page") { /// 判断条件2 监听路由名 监听你从什么路由跳转过来的 this.message = this.$route.query.msg } } } |
相关文章
- 一文你带快速认识Vue-Router路由
- vue获取当前路由
- vue路由跳转的方式
- 【Vue中使用Echarts】响应式布局flexible.js+rem适配方案
- 01-路由跳转 安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题
- Vue学习(三)-Vue-router路由的简单使用
- vue切换路由页面内容没有重载
- vue路由
- 前端路由简介以及vue-router实现原理
- vue+element ui项目总结点(一)select、Cascader级联选择器、encodeURI、decodeURI转码解码、mockjs用法、路由懒加载三种方式
- Vue 路由知识二(工程模式下路由的配置)
- Vue学习(二十三)路由全攻略
- vue学习(三)计算属性全攻略
- vscode:Module ‘“xxx/node_modules/vue/dist/vue“‘ has no exported member ‘ref‘
- 前端vue路由模块拆分归类【理解版】
- Vue项目中如何设置动态的TDK
- Vue.js 2.x笔记:路由Vue Router(6)
- 利用webpack4搭建vue服务器端渲染SSR
- 说说 vue-router 组件的高级应用
- 详解Vue路由钩子及应用场景
- 性能优化之组件懒加载: Vue Lazy Component 介绍
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- Vue中如何定义全局函数
- vue路由
- ajax请求插件vue-resource的学习
- Vue + Webpack 将路由文件分拆为多个文件分别管理
- 前端学习之VUE基础五(Vue-Router):路由的基本概念、vue-router的基本使用、vue-router嵌套路由、vue-router动态路由匹配、vue-router编程式导航