| | |
|---|
| | | 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) => { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // 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("章节错误！"); |
|---|
| | | } |
|---|
