博主介绍：– 本人是普通大学生一枚，每天钻研计算机技能，CSDN主要分享一些技术内容，因我常常去寻找资料，不经常能找到合适的，精品的，全面的内容，导致我花费了大量的时间，所以会将摸索的内容全面细致记录下来。另外，我更多关于管理，生活的思考会在简书中发布，如果你想了解我对生活有哪些反思，探索，以及对管理或为人处世经验的总结，我也欢迎你来找我。– 目前的学习专注于Go语言，辅学算法，前端领域。也会分
前言 开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案 1.改变router-view中的key值 通过改变router-view中的key值，来达到刷新组件的目的 <router-view :key="activeDate"></router-view> th
转载
2020-12-06 13:38:00
3070阅读
2评论
1、vue-auto-routing https://github.com/ktsn/vue-auto-routing 2、vue-router-layout https://github.com/ktsn/vue-router-layout ...
转载
2021-07-27 16:10:00
188阅读
2评论
出现刷新后数据丢失的情况可分为，1、路由传参；2、从vuex获取参数 首先说一下1、路由传参：路由传参可分为query传参和params传参 （1）、query传参，参数会在地址栏中显示，如果你传的是字符串，刷新后页面的数据是不会丢失的，如果传的是对象或者是数组，那么刷新后，页面的数据就会丢失，此时解决的方法是，将复杂数据类型，传的时候转化成字符串，子组件接受的时候再转化过来，这样刷新后就不会丢失
Vue点击当前路由实现刷新 Vue点击当前路由实现刷新思路Code实现效果 Vue点击当前路由实现刷新思路Code实现效果 前言：在后台管理系统中，有这样一个需求点击当前菜单栏时，页面依旧可以刷新。 点击当前路由实现数据请求页面刷新 思路 点击当前菜单栏时，因为要进行跳转的路由和当前路由相同，所以r
原创
2021-07-19 16:20:48
3505阅读
// 插件-路由import VueRouter from 'vue-router'Vue.use(VueRouter)import {routes} from "./routes";//自动注册路由- page目录下的一级vue文件require
原创
2022-07-12 16:19:02
162阅读
前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。一、问题呈现在路由中进行切换结果这时候会发现input标签的value值并没有随着路由的改变而改变。并没有更新二、解决方案①给<router-view :key="key"&
最近终于忙里抽空，总结项目经验了index页面包含三个链接导航。page1-->page2-->page3.依次前进，每次前进到一个新页面都需要获取数据，而按下后退键后，从page3返回到page2，page2不再获取新数据，而是使用之前缓存的数据。从page2返回到page1时，page1不再获取新数据，而是使用之前的数据。所以，page1和page2需要缓存，page3不需要缓存。
转载
2021-05-17 14:10:35
2078阅读
2评论
# Vue 刷新后 HTML5 路由的实现
在前端开发中，通过 Vue 实现的单页面应用（SPA）往往会遇到刷新页面时路由问题。默认情况下，如果我们直接在浏览器中刷新页面，可能会出现 404 或其他错误页面。这是因为我们使用了 HTML5 的 History API 来管理路由，而我们的服务器配置可能没有相应的处理。
本文将逐步教你如何解决 Vue 刷新后 HTML5 路由的问题，确保用户在使
vue 开发商城项目，需求如下： 无奈，通过beforeRouteLeave来销毁 同样的，物理返回时无法触发购物车的created方法，则无法触发bus的$on方法归根结底，物理返回时刷新页面则可以处理此问题思路一 此方法理论貌似可行，但是页面会狂刷不止，最后采用了思路二，貌似是一个很low的
转载
2018-11-14 16:15:00
964阅读
2评论
监听路由 当参数发生改变的时候 重新获取数据呀 watch: { $route(to, from) { //重新获取数据 this.getProduct(); } },
原创
2023-05-19 15:20:09
1527阅读
vue生命周期可以分为八个阶段分别是：beforeCreate（创建前）、created（创建后）、beforeMount(载入前)、mounted（载入后）、beforeUpdate（更新前）、updated（更新后）、beforeDestroy（销毁前）、destroyed（销毁后）1、创建前（beforeCreate）对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数
转载
2023-09-24 22:16:51
563阅读
let current = this.$router.history.current; this.activeIndex = current.path; if (current.meta.parent) { this.activeIndex = current.meta.parent; }
原创
2022-04-21 11:44:53
1301阅读
VUE 路由参数改变重新刷新数据 App.vue 里面使用路由，然后通过App.vue文件中的搜索功能搜索刷新路由文件中的列表。 修改 index.js 文件 首先在路由文件 index.js 文件中添加几行代码： 这几行代码保证我们在当前路由页面下再次跳转到这个路由不会出错。 修改 App.vue
原创
2022-06-23 12:10:25
5912阅读
vue版本npm版本2.6.118.1.2⭐前排感谢大佬！！最全vue打包前后的跨域问题,绝对解决你的问题0 项目说明服务器和访问其的电脑同属校园网内网中1 vue跨域配置两种跨域方式均可，这里采用跨域21.1 vue.config.js打包不会打进去这个文件，本机运行npm run serve而不是用nginx代理打包文件时，可以配一下介个！module.exports = {
devS
(目录) 前言 记录下Nginx部署Vue项目刷新404的解决方案，遇到了两次，route用的是history路由模式，动态路由： { path: '/article/:blogId', name: 'blog', component: blog } 然后部署nginx， location / {
原创
2022-05-04 20:51:33
1512阅读
在 App.vue文件添加以下代码: mounted() { // 检测浏览器路由改变页面不刷新问题,hash模式的工作原理是hashchange事件 window.addEventListener('hashchange', () => { let currentPath = window.loc ...
转载
2021-08-23 18:29:00
1811阅读
2评论
本篇文章小编给大家分享一下vue解决addRoutes多次添加路由重复的操作方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。代码如下：import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const createRouter = () => new Rou
新的路由组织方式，使用vite自动生成vue路由
原创
精选
2023-10-26 09:50:10
486阅读
在nginx上部署vue项目(history模式)；vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址： 使用hash模式的话，那么访问变成 http://localhost:8080/bank/page/count/#
原创
2022-01-14 10:54:33
4530阅读
