首页 > 其他分享 >pigx 单体 首页跳转

pigx 单体 首页跳转

时间:2023-11-21 14:35:54浏览次数:38  
标签:vue const log panalVisible defineAsyncComponent 首页 跳转 pigx import

<template>
	<div class="layout-padding">
		<div class="layout-padding-auto layout-padding-view" >
			<div :style="'display:'+ panalVisible.zkt1"><zkt1 /></div>
			<div :style="'display:'+ panalVisible.sysLog"><sys-log /></div>
		</div>
	</div>
</template>

<script setup lang="ts" name="home">
import {useUserInfo} from "/@/stores/userInfo";

const CurrentUser = defineAsyncComponent(() => import('./current-user.vue'));
const Favorite = defineAsyncComponent(() => import('./favorite.vue'));
const ScheduleCalendar = defineAsyncComponent(() => import('./schedule/calendar.vue'));
const SysLog = defineAsyncComponent(() => import('./log-dashboard/sys-log.vue'));
const AuditLog = defineAsyncComponent(() => import('./log-dashboard/audit-log.vue'));
const NewsLetter = defineAsyncComponent(() => import('./newsletter.vue'));

const zkt1 =defineAsyncComponent(()=> import('/@/views/pro/platform/index.vue'));

const panalVisible = reactive({
    zkt1: 'none',
    sysLog: 'none'
})



onMounted(()=>{
    // panalVisible.zkt1 = 'block'
    // panalVisible.sysLog = 'none'

    panalVisible.zkt1 = 'none'
    panalVisible.sysLog = 'block'

    console.log(useUserInfo().userInfos)
});
</script>

标签:vue,const,log,panalVisible,defineAsyncComponent,首页,跳转,pigx,import
From: https://www.cnblogs.com/linhan8888/p/17846523.html

相关文章

  • 驾驶舱首页说明图片第二版
    用户增长: BI:经营:交付: ......
  • $router.push()中通过path跳转和通过name跳转有什么区别
    今天在路由跳转传参时发现params传参接收到的总是为空,才发现通过path和name传参是有区别的path传参要完整的路径,不能带参数。name传参可以带params。params的传参页面刷新会丢失,query的传参不会丢失使用path进行跳转:当你使用path进行跳转时,你需要提供完整的路径字符串,包括......
  • 驾驶舱首页说明图片库
       ......
  • 09.路由跳转
    路由跳转应用场景场景:假设在新增信息页面,完成新增操作之后需要跳转到展示页面。展示页面是个动态页面,它的逻辑是,如果有参数,则展示相关参数的结果,如果没有参数,则展示所有的信息。解决:使用 url_for() 生成url,再使用 redirect() 方法完成路径的重定向。实现当完成添......
  • 跳转语句
    跳转语句的概念跳转语句用于程序的转移控制,改变程序的执行流程,转移到指定之处;与程序转移有关的跳转包括break语句、continue语句以及goto语句;break和continue语句主要与循环有关;goto语句在C语言中有,他是无条件跳转,所以可以完全替代break和continue语句,一般要慎用。break语句的使用......
  • web第三章网页之间的跳转
    本章首节是超链接链接由以下三部分组成:<a>文本或图片</a>标签为链接的源点“内属性href=···,标签<a>最基本属性(内加各种链接)路径地址(url),要链接的目标,简单来说就是说可以复制一个链接超链接的路径1.绝对路径:是指一个完整的资源地址可以是外部链接基本格式:通讯协议://服务......
  • 打工笔记----------------------------iframe重定向让父级页面跳转
    "top.location.href"是最外层的页面跳转$.ajax({url:URL+"SystemPrivileges/UserChangePW",data:{userName:userName,passWord:passWord,oldpwd:passWordold,token:token},type:"post",dataType:"json&q......
  • 关于Android Notification 点击后不跳转Activity的问题
    折腾了很久点击Notification不跳转除了Android26以上 设置channelid还有个比较细的点,没有注意if(Build.VERSION.SDK_INT>=26){channel=newNotificationChannel("my_channel_02","MyMsg",Notificati......
  • WordPress主题 JustNews主题6.0.1(亲测首页不空白)
    介绍资源入口需要用WordPress5.X版本JustNews介绍:一款专为博客、自媒体、资讯类的网站设计开发的WordPress主题,自v3.0版开始支持自主研发的前端用户中心,不仅支持注册、登录、账户设置、个人中心等常用页面的添加,还可以上传头像、设置用户分组等等!更新介绍JustNews主题更新......
  • H5跳转小程序
    Vue3+vitemain.js文件app.config.compilerOptions.isCustomElement=(tag)=>tag.startsWith('wx-open-launch-weapp');//防止vue变异报错Page.vue<wx-open-launch-weappid="launch-btn":username="要跳转的小程序原始id":path=......