如何解决vue-router响应路由参数的变化

这篇文章主要介绍了如何解决vue-router响应路由参数的变化,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

1,提醒一下,当使用路由参数时,例如从/user/foo导航到/user/酒吧,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。
仅仅只是路由的参数发生了变化,该路由是默认不做刷新操作的。
为了解决这个问题
不想复用的话,就在父组件的router-view上加个关键
<强> & lt; router-view:关键=皉oute.fullPath"美元;祝辞& lt;/router-view>

2,就是vue-router IOS白屏的问题,这个真是太坑了
问题描述:

进入一页面——在B页面——在IOS自带的返回——在白屏出现,祝辞手动点击白屏处——在问题解决

原因分析:

在IOS机器上使用webview开发Vue项目时候,历史(1),无法将身体的高度拉掉,使得遮住,触发轻点击,方可消除遮罩

解决方案实现原理:

html,身体都是100%,#应用撑起了父元素的告诉,但是浏览器默认的滚动滚动并不是#应用,而身体是,某些因素,造成返回历史后,无法复原(IOS的锅),为此,我们将#应用进行了绝对定位,并让它重新成为滚动的对象,从而解决问题