Vue项目刷新当前页面解决方法

背景

在很多项目中，实现修改、删除某项数据成功后，需要自动刷新。
但是像go()或者reload()等函数，确实可以实现刷新，但是这种刷新是刷新浏览器，页面会出现空白，然后重新渲染数据，用户体验不是很好。
在Vue项目中，可以利用vue-router重新路由，但是重新路由前和重新路由后，这两个路由是相同的话，页面是不会进行刷新的。

解决

既然重新路由前后两个路由相同的话，页面不会刷新，那我们可以先路由到一个中介页面，然后再路由到需要刷新的页面。相当于，要想刷新页面一，先从页面一跳转到页面二，然后再从页面二跳转到页面一。

情况一

普通的路由，如，/home/mentaltest/list，刷新时，调用shallowRefresh()函数。

_g.shallowRefresh(this.$route.name)

shallowRefresh(name) {
   
	router.replace({
    path: '/refresh', query: {
    name: name }})
},

传入当前要刷新的页面的name值，页面跳转到中介页面refresh.vue。
refresh页面代码如下

<template>
	<div><