Vue页面中使用this.$router.replace访问同一页面,数据不刷新的问题

问题原因:
vue路由切换实际是组件间的切换,在我的详情页中,钩子方法使用的是created()方法,在不强制刷新或者重启时只会创建一次,所以引用相同组件的时候,页面数据就无法刷新。
我的解决方法:
方法1.在详情页添加一个watch监听路由变化(不推荐,每次返回时会刷新一次列表数据,用户体验不好)

watch:{
  '$route' (to,from){
    this.$router.go(0);
  }
} ​​​​

方法2.把详情页中的created()钩子方法换成activated()

Logo

前往低代码交流专区

更多推荐