index.vue 930 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view>
  3. <index ref="首页" v-show="page == '首页'" />
  4. <dataBank ref="资料库" v-show="page == '资料库'" />
  5. <bottom-suspension-frame ref="pages" @onChange="pageChange" />
  6. </view>
  7. </template>
  8. <script>
  9. import index from './index/index.vue'
  10. import dataBank from './cloud/dataBank.vue'
  11. import bottomSuspensionFrame from "./modules/bottomSuspensionFrame.vue";
  12. export default {
  13. components: { bottomSuspensionFrame, index, dataBank },
  14. data() {
  15. return {
  16. swiperItemID: 'cloud',
  17. page: '资料库'
  18. }
  19. },
  20. onLoad() {
  21. },
  22. onShow() {
  23. // #ifdef MP-WEIXIN
  24. this.updatePageData(this.swiperItemID, this.page)
  25. // #endif
  26. },
  27. methods: {
  28. updatePageData(itemId, page) {
  29. this.$refs.pages.onClick(itemId, page)
  30. },
  31. pageChange(detail) {
  32. // this.$refs[detail.name]
  33. setTimeout(() => { detail.callBack() }, 300)
  34. console.log("切换页面", detail)
  35. }
  36. }
  37. }
  38. </script>
  39. <style lang="scss"></style>