在vue刷新后不改变嵌套路由的情况下重新呈现页面的方法

刷新嵌套路由时，路由不会改变，并且在正常情况下不会重新呈现页面

1.将条件渲染v-if添加到路由器视图，默认值为true。让它显示出来

2.编写一个重载方法。当页面刷新时，仅单击查询条件来调用此重载方法

这是条件渲染更改为假

修改数据后使用$nextTick，

条件呈现更改为真

您可以在回调中获得更新的DOM

如果需要有查询参数，可以使用编程导航和查询来传递参数，但是这种方法刷新后可能会出现问题。

我的解决方案是刷新后点击页面上的一个条件，将参数存储在localstorage中，然后执行reload方法重新加载路由。这样，无论路线变化有多美，页面都会重新加载，数据也会重新加载。

这样就会出现一个问题，就是当页面刷新时，查询条件会被重置，这样存储在localstorage中的值也会被清空。

解决方案是监听浏览器刷新事件

window . onbeforeunload=function(event){ session storage . remove item(' querydataObj ')}；然后清除sessionstorage。

上述在vue刷新后嵌套路由不变的情况下重新呈现页面的方法，都是边肖分享的内容。希望能给大家一个参考，支持我们。