代码拉取完成,页面将自动刷新
yarn install
yarn serve
yarn build
页面实现
<template>
<view class="content">
<view v-if="pageType == 1">
<text></text>
</view>
<view v-if="pageType == 2">
<com-common></com-common>
</view>
<view v-if="pageType == 3">
<text>index {{userInfo.userid}}</text>
</view>
<view v-if="showLoading">
<com-loading></com-loading>
</view>
<view v-if="showLogin">
<com-login></com-login>
</view>
</view>
</template>
注意: 为实现多端兼容,请不要在全局模板里面使用uni关于ui的api,如showloading/showModal等
每一个页面需要实现 onLoad->on userstate 用户状态变换的处理, 这样更完美
onLoad(option) {
// * 参数直接给到data,方便使用
this.option = option;
// * 初始化页面数据
this.initPage();
// * 初始化页面显示数据
this.loadPage();
// * 需要用户登录的页面需要实现这个方法监听
uni.$on("userstate", data => {
// console.log("user userstate");
// * 用户登录之后重载页面数据
this.initPage();
this.loadPage(); // 登录之后页面数据会发生变化
});
},
onUnload() {
uni.$off("userstate");
},
所以的跳转都应当使用js统一实现,不要使用页面跳转
登录中的数据,不要显示 showlogin
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。