若依页面跳转，每次都刷新creatd,mounted函数

最新推荐文章于 2024-07-16 17:08:33 发布

原创最新推荐文章于 2024-07-16 17:08:33 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

文章讲述了如何在Vue组件中通过`activated()`生命周期钩子，自动从Cookies中获取id值并在页面跳转时清除缓存，避免每次都需要手动刷新页面以获取新的分类id。

例如：每次跳转页面都要重新获取Cookies中的id值,平常需要刷新页面才行，加一个activated()去清除缓存,就可以不用手动刷新页面了

  // 多放一份在activated中 跳转到这个页面时候
  //  清除 分类id 缓存, 重新获取
  activated() {
    // 获取传递过来 分类id
    this.id = Cookies.get("flID");
    console.log("id", this.id);
    (this.queryParams = {
      pageNum: 1,
      pageSize: 10,
      goodsClassify: this.id, // 赋值id
      attributeName: null,
      attributeType: null,
      attributeValue: null,
      initTime: null,
      isRequired: null,
    }),
      this.getList();
  },
  created() {
    // 获取传递过来 分类id
    this.id = Cookies.get("flID");
    console.log("id", this.id);
    (this.queryParams = {
      pageNum: 1,
      pageSize: 10,
      goodsClassify: this.id, // 赋值id
      attributeName: null,
      attributeType: null,
      attributeValue: null,
      initTime: null,
      isRequired: null,
    }),
      this.getList();
  },