使用this.$router.go(0)可以刷新当前页面；使用this.$router.replace()可以替换当前页面；使用this.$router.push()可以跳转到新页面；使用this.$router.push({path: '/xxx', query: {a: 1}})可以跳转到新页面，并传递参数；使用this.$router.push({name: 'xxx', params: {
原创
2023-10-25 10:32:39
728阅读
self.$router.push({name:'login',params:{ordermark:ordermark,lang:lang}}); window.location.reload(); 。 Read More
转载
2020-02-26 18:40:00
2356阅读
2评论
出现刷新后数据丢失的情况可分为，1、路由传参；2、从vuex获取参数 首先说一下1、路由传参：路由传参可分为query传参和params传参 （1）、query传参，参数会在地址栏中显示，如果你传的是字符串，刷新后页面的数据是不会丢失的，如果传的是对象或者是数组，那么刷新后，页面的数据就会丢失，此时解决的方法是，将复杂数据类型，传的时候转化成字符串，子组件接受的时候再转化过来，这样刷新后就不会丢失
监听路由 当参数发生改变的时候 重新获取数据呀 watch: { $route(to, from) { //重新获取数据 this.getProduct(); } },
原创
2023-05-19 15:20:09
1527阅读
Vue路由this.route.push跳转页面不刷新 一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。案例：A页面：B页面：问题：当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行
转载
2023-03-15 00:20:04
1820阅读
this.$router.push ...
转载
2021-07-13 15:42:00
2673阅读
2评论
解决vue页面刷新，数据丢失
在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下：解决方法一：最先想到的应该就是利用localSto
转载
2021-05-10 17:30:35
804阅读
2评论
在做vue项目的过程中有时候会遇到一个问题，就是进行页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下：解决方法一：最先想到的应该就是利用localStorage/sessionStorage将数据储存在外部，做一个持久化
原创
2021-01-12 15:00:52
1740阅读
ex做全局状态管理的时候。
转载
2022-11-08 12:24:24
629阅读
1.使用query进行传参，这时参数会显示在地址栏中，可使用一些加密算法进行加密。
原创
2022-03-10 11:47:17
680阅读
为什么会有这篇文章1 用vue-router 重新路由的时候到当前页面的时候是不进行刷新的2 采用window.reload() 或者route...
转载
2022-03-02 11:40:03
8680阅读
router.push({ name: 'user', params: { userId: 123 }})name: 路由名 ...
转载
2021-08-13 11:39:00
1490阅读
2评论
前言最进写了一个小项目，前端用vue来写的，后端用SSM写的，后端的项目已经在服务器正常运行起来了，而前端一直在Idea上运行，还没有对项目打包在生产环境运行。突发奇想，想把前端的项目也部署在服务器上运行。我先在本地模拟部署了一下，发现在打开新窗口或者界面刷新的时候出现了404的错误。 问题分析和解决方案404异常表示我们的服务器上没有对应的URL资源，我们发现当前刷新的路径是localhost:
问题Vue路由不跳转而是刷新页面解决经过同事的仔细观察，发现点击跳转时，路由中多了一个【问号】并刷新页面没有发生跳转，再次点击才生效方式一使用了click.prevent阻止form表单的默认提交事件<button @click.prevent="onSubmit" >登录</button>方式二button默认是submit类型，改成type=“butt...
原创
2021-07-12 10:21:27
1138阅读
问题Vue路由不跳转而是刷新页面解决经过同事的仔细观察，发现点击跳转时，路由中多了一个【问号】并刷新页面没有发生跳转，再次点击才生效方式一使用了click.prevent阻止form表单的默认提交事件<button @click.prevent="onSubmit" >登录</button>方式二button默认是submit类型，改成type=“butt...
原创
2022-03-01 10:22:18
1346阅读
# 使用 jQuery 实现页面跳转后刷新页面
## 一、引言
在前端开发中，页面跳转是一个常见的需求。尤其是在使用 jQuery 进行操作时，我们可能希望在用户跳转到新页面后，能够自动刷新。今天，我将为你详细讲解如何实现这一功能，并在此过程中介绍必要的代码和实现步骤。
## 二、实现流程
下面是实现“jQuery 页面跳转后刷新页面”的步骤：
| 步骤编号 | 步骤描述
页面通过路由调转后，新页面停留的位置与上一级页面一致解决配置路由const router = new VueRouter({ scrollBehavior: () => ({ y: 0 }), routes: [...]})// 可能是使用组件缓存时 再次切换到此组件 路由不触发mounted钩子函数原生js操作 toYpWebsite () { // this.$router.push('/ypWebsite') docu.
原创
2021-08-23 15:41:18
386阅读
页面通过路由调转后，新页面停留的位置与上一级页面一致解决配置路由const router = new VueRouter({ scrollBehavior: () => ({ y: 0 }), routes: [...]})// 可能是使用组件缓存时 再次切换到此组件 路由不触发mounted钩子函数原生js操作toYpWebsite () { // this.
原创
2021-08-23 15:41:18
145阅读
sessionstorage就是诸葛亮，被vuex临终托孤。好感人的故事！
原创
2021-11-26 16:07:27
917阅读
1、问题描述：一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。2、解决思路：办法一：在页面刷新的前将vuex中的数据直接保存到浏览器缓存中（sessionStorage）办法二：在页面刷新
