分页

YM

2024-05-14 aa6ccd0cf3bf2edcbb6b395befca2fc47e588c3a

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

@@ -1,22 +1,25 @@
<template>
  <div class="page-content">
    <!-- <chapterOne></chapterOne>
    <chapterTwo></chapterTwo> -->
    <!-- <chapterThree></chapterThree> -->
    <!-- <chapterFour></chapterFour> -->
    <!-- <chapterFive></chapterFive> -->
    <!-- <chapterSix></chapterSix> -->
    <chapterSeven></chapterSeven>
    <!-- <chapterEight></chapterEight>
    <chapterNine></chapterNine>
    <chapterTen></chapterTen>
    <chapterEleven></chapterEleven>
    <chapterTwelve></chapterTwelve>
    <chapterThirteen></chapterThirteen> -->
    <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
    <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
    <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
    <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo>
    <chapterThree v-if="showCatalogList.indexOf(3) > -1"></chapterThree>
    <chapterFour v-if="showCatalogList.indexOf(4) > -1"></chapterFour>
    <chapterFive v-if="showCatalogList.indexOf(5) > -1"></chapterFive>
    <chapterSix v-if="showCatalogList.indexOf(6) > -1"></chapterSix>
    <chapterSeven v-if="showCatalogList.indexOf(7) > -1"></chapterSeven>
    <chapterEight v-if="showCatalogList.indexOf(8) > -1"></chapterEight>
    <chapterNine v-if="showCatalogList.indexOf(9) > -1"></chapterNine>
    <chapterTen v-if="showCatalogList.indexOf(10) > -1"></chapterTen>
    <chapterEleven v-if="showCatalogList.indexOf(11) > -1"></chapterEleven>
    <chapterTwelve v-if="showCatalogList.indexOf(12) > -1"></chapterTwelve>
    <chapterThirteen v-if="showCatalogList.indexOf(13) > -1"></chapterThirteen>
  </div>
</template>

<script>
import pageHeader from "./components/header.vue";
import chapterOne from "./components/chapter001.vue";
import chapterTwo from "./components/chapter002.vue";
import chapterThree from "./components/chapter003.vue";
@@ -31,11 +34,20 @@
import chapterTwelve from "./components/chapter012.vue";
import chapterThirteen from "./components/chapter013.vue";



export default {
  name: "temp-book",
  data() {
    return {
      catalogLength: 13,
      showCatalogList: []
    };
  },
  mounted() {
    this.showCatalogList = [0];
  },
  methods: {},
  components: {
    pageHeader,
    chapterOne,
    chapterTwo,
    chapterThree,
@@ -48,10 +60,8 @@
    chapterTen,
    chapterEleven,
    chapterTwelve,
    chapterThirteen,
  },
  methods: {
  },
    chapterThirteen
  }
};
</script>