子组件slot:
Son.vue
<template>
<div>
<slot>默认显示内容</slot>
<slot name="nameSlot">具名插槽的用法</slot>
</div>
</template>
父组件调用：
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>
参考链接
原文链接: vue插槽的使用
最后
以上就是寂寞滑板最近收集整理的关于vue插槽的使用的全部内容，更多相关vue插槽内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复