YXGJ/pages/index/index.vue

<template>
	<view>
		<index ref="首页" v-show="page == '首页'" />
		<store ref="活动" v-show="page == '活动'" />
		<my-case ref="案例" v-show="page == '案例'" />
		<user-center ref="我的" v-show="page == '我的'" />

		<workbench 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 store from './index/store.vue'
import myCase from './index/myCase.vue'
import userCenter from './index/userCenter.vue'

import dataBank from './cloud/dataBank.vue'
import school from './cloud/school.vue'
import product from './cloud/product.vue'
import workbench from './cloud/workbench.vue'

import bottomSuspensionFrame from "./modules/bottomSuspensionFrame.vue";
export default {
	components: { bottomSuspensionFrame, index, store, myCase, userCenter, dataBank, school, product, workbench },
	data() {
		return {
			swiperItemID: 'index',
			page: '首页'
		}
	},
	onShow() {
		const systemInitIsComplete = this.$Http.systemInitIsComplete;
		if (!systemInitIsComplete || typeof systemInitIsComplete == 'object') {
			this.$Http.HomePageStartRendering = render(this)
		} else {
			render(this)
		}
		function render(that) {
			that.$Http.changePage = function (itemId, page, params) {
				that.$refs.pages.onClick(itemId, page, false, params)
			}.bind(that)
			// #ifdef MP-WEIXIN
			that.updatePageData(that.swiperItemID, that.page)
			// #endif
		}
	},
	methods: {
		updatePageData(itemId, page) {
			if (this.$refs[this.page].updatePage) this.$refs.pages.onClick(itemId, page)
		},
		changePage(itemId, page, params) {

		},
		pageChange(detail) {
			uni.setNavigationBarTitle({
				title: detail.name,
			})
			this.page = detail.name;
			try {
				console.log(this.$refs[detail.name].updatePage)
				if (this.$refs[detail.name].updatePage) uni.pageScrollTo({
					scrollTop: 0,
					duration: 0,
				})
				this.$refs[detail.name].init(detail.callBack, detail.params)
			} catch (error) {
				detail.callBack()
			}
			console.log("切换页面", detail)
		}
	}
}
</script>

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