问题:列表页面,进入详情,使用route跳转传值,进入详情。首次进入执行mounted方法,二次进入不执行mounted方法。
排查:1.确定列表路由跳转id传入变化
2.锁定是生命周期的问题
解决方式
1.生命周期使用activated 调用进入详情执行的事件
2.在路由配置中,当前组件使用了keepalive 导致有缓存,可以不使用keepalive,正常使用mounted生命周期进入即可。
关键内容:
keepalive:用于保存组件当前状态,以避免反复重新渲染导致的性能问题。
activated:被 keep-alive 缓存的组件激活时调用。一进入页面就触发,可用于初始化页面数据。就是解决本文的方式。
deactivated:被 keep-alive 缓存的组件失活时调用。离开页面就触发,用于离开清楚当前页面的定时器。
整体思路:监听当前路由变化,执行对应的操作。这是最初的解决当前问题的方式。