通信

YM

2024-05-15 a979901edc84fa2771281a9fc0a891e078a4affa

 src/books/childHealth/view/content/index.vue

@@ -45,20 +45,21 @@
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      throttledScrollHandler: null
    };
  },
  watch: {
    showCatalogList: {
      handler(newVal) {
        console.log("显示章节", newVal);
        if (this.$store.state.qiankun.windowSelection) {
          this.$store.state.qiankun.windowSelection({
            showCatalogList: newVal,
        if (this.$store.state.qiankun && this.$store.state.qiankun.catalogChange) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal
          });
        }
      },
    },
      }
    }
  },
  mounted() {
    // 默认加载章节
@@ -72,16 +73,19 @@
    // 提供页面跳转功能
    if (this.setGlobalState) {
      console.log("setGlobalState");
      // 定义子层方法
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          console.log(catalog, page, "gotoPage：catalog, page");
          this.gotoPage(catalog, page);
        },
        }
      });
    }

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(5, 100);
    // }, 3000);
    setTimeout(() => {
      this.gotoPage(5, 100);
    }, 3000);
  },
  methods: {
    scrollFun(e) {
@@ -126,6 +130,15 @@
      console.log(this.showCatalogList);
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;

      // 返回页码和章节信息
      if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
        this.$store.state.qiankun.pageChange({
          page: 100,
          catalog: 5,
          catalogId: "",
          catalogName: ""
        });
    },
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
@@ -136,7 +149,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
            this.catalogLength
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -153,7 +166,7 @@
      } else {
        console.log("章节错误！");
      }
    },
    }
  },
  components: {
    pageHeader,
@@ -169,8 +182,8 @@
    chapterTen,
    chapterEleven,
    chapterTwelve,
    chapterThirteen,
  },
    chapterThirteen
  }
};
</script>