版本2.6以上版本寫法
父組件
<test1>
<template v-slot:test>我是傳給子組件</template>
<template v-slot:content>我是傳給孫子組件</template>
</test1>子組件
<template>
<div>
<slot name="test"></slot>
<test2>
<template #content>子代
<slot name="content"></slot>
</template>
</test2>
</div>
</template>
孫組件
<template>
<div>
我是孫級組件<slot name="content"></slot>
</div>
</template>
v-slot 可以寫成# 簡寫 比如： v-slot: test 與 #test 一樣
插槽作用域： 父組件能訪問子組件資料
普通寫法：
<template v-slot:default="slotProps">
{{ slotProps.user.firstName }}
</template>解構寫法
<template v-slot:default="{user}">
{{ user.firstName }}
</template>具名插槽寫法：
1.父組件
<template v-slot:content="{user}" >
{{ user.firstName }}
</template>2.子組件
<slot name="content" :user="user"></slot>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/304947.html
標籤：其他