16--vue嵌套路由、引入图片+插槽部分_小芹儿的博客-程序员秘密

技术标签： Vue部分

一、嵌套路由

// 班级管理员的组件
const ClassBanke = () => import('./components/classmanager/BanKe.vue')
const ClassIndex = () => import('./components/classmanager/Index.vue')
const ClassMyinfo = () => import('./components/classmanager/MyInfo.vue')

页面跳转要传参数一定要记得加上 props:true

{
    
		// 嵌套路由
		path: '/classmanager',
		component: ClassIndex,
		children: [{
    
				path: '',
				component: BanKe,
			},
			{
    
				path: 'banke',
				component: ClassBanke,
				name: 'banke'
			},
			{
    
				path: 'myinfo',
				component: ClassMyinfo,
				name: 'myinfo'
			}
		]
	}

二、引入图片

可以参考上个博客写的完整的cellitem组件

<img class="icon" v-if="icon" :src="icon"/>

props: ['icon']

这是引用组件后

<cell-item :icon='name_icon' :arrow="true" url="/register2">
		<!-- 模板里面可以添加插槽 --><!--  v-slot 只能添加在 <template> 上 -->
		<template v-slot:icon>
			<i class="cubeic-person"></i>
		</template>
		<template v-slot:label>
			<div>aaaa</div>
		</template>
</cell-item>

引用图片：在return里直接用

name_icon:require('@/assets/wode.png')

本文链接：https://blog.csdn.net/xu_ze_qin/article/details/106107731

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

编曲过程中，如何将不同乐器进行组合与分层_moroing的博客-程序员秘密

过音乐制作经历的小伙伴应该知道，我们在用以FLStudio20为代表的音乐编曲软件制作音乐时，往往需要在同一节奏点添加多种音效，这样可以使音乐听起来更具层次感。正因如此，我们就需要不断添加音符，就像下面这种情况：图1：在FL Studio20中逐个添加音符虽然这种添加方式可以达到目的，但缺点是会耗费太多时间。所以今天在这里给小伙伴们分享FL Studio20一个非常不错的小功能，它可以将这些乐器组合起来，一键添加，乐器越多，就越适合用，强烈推荐！话不多说，一起来看看步骤吧！首先点击音乐编曲.

何钦铭版C语言第3章答案,何钦铭版C语言第3章答案.pdf_富川福利的博客-程序员秘密

何钦铭版C语言第3章答案.pdf45 改变改变else 和和 if 的配对的配对例例3-12 改写下列改写下列 if 语句，使语句，使 else 和第和第1个个 if 配对。配对。 if x 2 if x 1 y x 1; else y x 2; if x 2 if x 1 y x 1; else y x 2; if x 2 if x 1 y x 1; else;...

MyBatis条件查询-程序员秘密

单条件查询用select查询数据时，如果需要用户传入的参数只有一个时，可以直接在接口代理方法中设置一个参数：如上图的selectById(int id)方法，定义好方法后需要在对应的映射文件中写上对应的SQL语句只需要将对应的参数名传入#{}中即可实现插入参数,还有一种方法是将#改成$,这两个的区别在于:$代表的是先拼接字符串,再对SQL进行编译,而#则是先预编译SQL语句,再传入参数的值,这样可以防止字符串拼接时的SQL注入问题,具体可看我的另一篇文章JDBC解决SQL注入问题多条件查询当

docker privileged 权限参数_whatday的博客-程序员秘密

$ docker help run ...--privileged=false Give extended privileges to this container...大约在0.6版，privileged被引入docker。使用该参数，container内的root拥有真正的root权限。否则，container内的root只是外部的一个普通用户权限。priv...

如何从固态硬盘启动计算机,怎么把固态硬盘设置为第一启动系统_李楽的博客-程序员秘密

在SSD中安装好系统之后，按住DEL键就可以进入BIOS界面，使用上下箭头选择【Primary Boot Sequence】，按【+】号键调节到第一的位置，按F10键保存设置后退出即可。以下是详细介绍：1、首先如果您的SSD还没有安装系统可以下载一个启动U盘的启动制作工具，安装一个系统；然后进入电脑开机的BIOS中，开机的时候，按住DEL键就可以进入BIOS界面，使用那个上下方向键进行选择，然后选...

Tomcat 以 windows 服务的形式运行，出现 “Java heap space” 或 “GC overhead limit exceeded” 问题的解决方法_Deniro Lee的博客-程序员秘密

已经在 catalina.bat 中配置了大内存：set CATALINA_OPTS=-Xms512M -Xmx728Mset JAVA_OPTS=-Xms512M -Xmx728M实测，通过 startup.bat 中内存会根据我们的配置正常设置，而如果是通过 windows 的服务启动的，就没有作用。2 分析windows 的服务应该是从其他的配置项中获取内存设置参数的。