type
status
date
slug
summary
tags
category
icon
password
Vue页面中监听路由变化我们可以用watch
来实现:
然后你却发现不管来回跳转多少次页面,控制台也没有打印出路由信息。
1. 简单粗暴解决办法
2. 将router-view
用keep-alive
包裹起来
首先,路由组件的渲染区域为router-view,将匹配到的路由组件渲染在该区域中,路由组件渲染默认的方式是销毁 - 创建,可以在页面的生命周期中进行测试。
由于路由组件的渲染方式,组件实例上定义的方法每创建一次组件new Vue(),方法都是新添加上去的,所以$watch这个操作就监听不到路由的变化。keep-alive组件的功能只有一个那就是缓存组件,可以让其包裹的组件不销毁,起到一个缓存的作用.此时需要注意:加上了keep-alive在第一次跳转路由后你定义的生命周期函数 created()将不会再被调用
- 作者:IMyself
- 链接:https://blog.lmyself.top//article/f38f954e-5e0d-4704-b204-8bf888c3c57b
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章