YXGJ/pages/index/index.vue

<template>
	<view>
		<index ref="首页" v-show="page == '首页'" />
		<my-case ref="案例" v-show="page == '案例'" />
		<dataBank ref="资料库" v-show="page == '资料库'" />
		<school ref="商学院" v-show="page == '商学院'" />
		<product ref="单品" v-show="page == '单品'" />

		<bottom-suspension-frame ref="pages" @onChange="pageChange" />
	</view>
</template>

<script>
import index from './index/index.vue'
import myCase from './index/myCase.vue'
import dataBank from './cloud/dataBank.vue'
import school from './cloud/school.vue'
import product from './cloud/product.vue'

import bottomSuspensionFrame from "./modules/bottomSuspensionFrame.vue";
export default {
	components: { bottomSuspensionFrame, index, myCase, dataBank, school, product },
	data() {
		return {
			swiperItemID: 'cloud',
			page: '单品'
		}
	},
	onShow() {
		// #ifdef MP-WEIXIN
		this.updatePageData(this.swiperItemID, this.page)
		// #endif
	},
	methods: {
		updatePageData(itemId, page) {
			this.$refs.pages.onClick(itemId, page)
		},
		pageChange(detail) {
			uni.setNavigationBarTitle({
				title: detail.name,
			})
			this.page = detail.name;
			try {
				this.$refs[detail.name].init(detail.callBack)
			} catch (error) {
				detail.callBack()
			}
			console.log("切换页面", detail)
		}
	}
}
</script>

<style lang="scss"></style>