在html中使用具名插槽时,使用slot引入v-slot在组件中使用slot进行占位时,也是在slot标签内使用name 属性给slot插槽定义一个名字。需要使用template模板标签,template标签内,使用v-slot指令绑定插槽名,标签内写入需要添加的内容slot-scope使用:a、:在组件模板中书写所需slot插槽,并将当前组件的数据通过v-bind绑定在slot标签上。在组件使用时,通过slot-scope=“scope”,接收组件中slot标签上绑定的数据。

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

Vue插槽_特殊特性slot,slot-scope与指令v-slot说明