| | |
| | | watch: { |
| | | showCatalogList: { |
| | | handler(newVal) { |
| | | console.log("显示章节", newVal); |
| | | if (this.$store.state.qiankun && this.$store.state.qiankun.catalogChange) { |
| | | // 调用父层方法 |
| | | this.$store.state.qiankun.catalogChange({ |
| | |
| | | ); |
| | | // 提供页面跳转功能 |
| | | if (this.setGlobalState) { |
| | | console.log("setGlobalState"); |
| | | // 定义子层方法 |
| | | this.setGlobalState({ |
| | | gotoPage: (catalog, page) => { |
| | |
| | | } |
| | | |
| | | // 测试页面跳转 |
| | | setTimeout(() => { |
| | | this.gotoPage(5, 100); |
| | | }, 3000); |
| | | // setTimeout(() => { |
| | | // this.gotoPage(5, 100); |
| | | // }, 3000); |
| | | }, |
| | | methods: { |
| | | scrollFun(e) { |
| | |
| | | } |
| | | } |
| | | // showCatalogList 当前显示的三个章节,watch监听传递给主应用 |
| | | console.log(this.showCatalogList); |
| | | // 更新上一次滚动的位置 |
| | | this.previousScrollTop = event.target.scrollTop; |
| | | |
| | |
| | | this.showCatalogList = [catalog - 1, catalog, catalog + 1]; |
| | | } |
| | | setTimeout(() => { |
| | | console.log(document); |
| | | console.log(document.querySelector(`[page="${page}"]`)); |
| | | // 跳转页码 |
| | | const pageDom = document.querySelector(`[page="${page}"]`); |
| | | if (pageDom) { |
| | |
| | | } else { |
| | | console.log("页码错误!"); |
| | | } |
| | | }, 50); |
| | | }, 100); |
| | | } else { |
| | | console.log("章节错误!"); |
| | | } |