点击页面跳转后进入新页面modal不消失

最近遇到一个问题，点击进入页面，点击按钮弹出弹框，点击弹框内得连接进入到新的页面，但是弹框上的蒙层未消失。
产生原因：之前的蒙层作用域指向body，所以进入到新的页面之后，只是组件发生了改变所以蒙层并不会消失。
解决办法:

把蒙层作用在当前的组件上即可。

最后发现问题并没有完全解决，通过路由的方式进入到新的页面之后，发现依然会存在蒙层点击不消失的情况，这种情况下，该modal是上一个页面的modal，无法关闭，最后还是改用侧边栏和弹框结合的模式实现相应的功能。