热门标签
热门文章
- 1C语言标准库介绍：＜string.h＞
- 2SakuraFrp内网穿透教程_樱花内网穿透怎么用
- 3Ubuntu远程桌面连接_ubuntu 远程桌面
- 4【Flask+Echarts】使用Flask框架可视化的案例
- 5基于Tensorflow的卷积神经网络模型实现水果分类识别（实践案例）_基于神经网络的图像分类系统设计与实现 水果
- 6FL Studio21汉化中文版下载及安装方法FL专业音乐制作软件_fl studio中文版
- 7基于SpringBoot医院挂号就诊管理系统的设计与实现_本文设计并开发了基于springboot架构的医院门诊挂号系统(简称“系统”).该系统以j
- 8网络安全应急响应----6、挖矿攻击应急响应_如果发现某个区域的服务器或主机已经失陷,应该如何处理
- 9Python 学习（一）_当你将对象作为参数传给一个函数时,指向原始对象的新的本地变量就会
- 10PHP网上购物系统论文 超市管理系统动态网页设计与实现课程设计报告_php动态网页设计与实现实训报告
当前位置: article > 正文
vue插槽的使用_vue 别名插槽用法
作者：羊村懒王 | 2024-02-23 03:29:26
赞
踩
vue 别名插槽用法
子组件slot:
Son.vue
<template>
<div>
<slot>默认显示内容</slot>
<slot name="nameSlot">具名插槽的用法</slot>
</div>
</template>
- 1
- 2
- 3
- 4
- 5
- 6
父组件调用：
v-slot 的别名是#
<template>
<son-slot>
<template v-slot:nameSlot> My Image’s Title </template>
<h2>ccc</h2>
<h2>sss</h2>
</son-slot>
</template>
<script>
import sonSlot from '@/components/Son.vue'
export default {
components: {
sonSlot
}
}
</script>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
参考链接
原文链接: vue插槽的使用
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/133352?site
推荐阅读
相关标签
Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。
