vue-router打开新的tab页时，其内容是上一个tab页的内容问题

Question

如题所述

Answer 1

1：进入列表页，点击内容A详情，跳转到内容A详情页（ this.$router.push(path: `内容A的url/${内容A的id}`}) ）
2：返回列表页，点击内容B详情，跳转到内容B详情页（ this.$router.push(path: `内容A的url/${内容B的id}`}) ）
问题：此时，url中的参数不一样，但是新打开的内容B的tag页面中的内容，依旧是内容A的内容（读取了history缓存的界面状态的数据）

可以在离开上一个内容详情页时，销毁掉当前组件

或者，可以在路由更新之前，对数据进行一次调用获取（一般里面的语句和 beforeRouteEnter 的一样）
弊端：无法对一些需要加载dom的控件，会报错，比如说echarts