index.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view>
  3. <index ref="首页" v-show="page == '首页'" />
  4. <dataBank ref="资料库" v-show="page == '资料库'" />
  5. <school ref="商学院" v-show="page == '商学院'" />
  6. <bottom-suspension-frame ref="pages" @onChange="pageChange" />
  7. </view>
  8. </template>
  9. <script>
  10. import index from './index/index.vue'
  11. import dataBank from './cloud/dataBank.vue'
  12. import school from './cloud/school.vue'
  13. import bottomSuspensionFrame from "./modules/bottomSuspensionFrame.vue";
  14. export default {
  15. components: { bottomSuspensionFrame, index, dataBank, school },
  16. data() {
  17. return {
  18. swiperItemID: 'cloud',
  19. page: '资料库'
  20. }
  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. uni.setNavigationBarTitle({
  33. title: detail.name,
  34. })
  35. this.page = detail.name;
  36. try {
  37. this.$refs[detail.name].init(detail.callBack)
  38. } catch (error) {
  39. detail.callBack()
  40. }
  41. console.log("切换页面", detail)
  42. }
  43. }
  44. }
  45. </script>
  46. <style lang="scss"></style>