admin-element-vue切换页签会刷新问题

最新推荐文章于 2024-05-14 09:56:08 发布

程序猿_小郑

最新推荐文章于 2024-05-14 09:56:08 发布

阅读量1k

点赞数

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_36011279/article/details/129062373

版权

前端专栏收录该内容

5 篇文章

订阅专栏

在admin-element-vue中，当切换页签时，若数据未更新是因为激活钩子(activated)没有正确处理。文章提到，首次进入页面会经历created、mounted和activated钩子，而再次进入只会触发activated。解决方案是检查activated钩子内的时间戳判断，确保在时间戳变化时重新获取列表数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用admin-element-vue切换页签，会发现数据没有刷新

根据页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated

activated() {
    const time = this.$route.query.t;
    if (time != null && time != this.uniqueId) {
      this.uniqueId = time;
      this.queryParams.pageNum = Number(this.$route.query.pageNum);
      this.getList();
    }
  },

参考：admin-element-vue切换页签会刷新问题 - zzwlong - 博客园 (cnblogs.com)