1. 首页
  2. 编程语言
  3. Javascript
  4. Vue插槽_特殊特性slot,slot-scope与指令v-slot说明

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

上传者: 2022-06-11 15:29:00上传 PDF文件 148.77 KB 热度 24次

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

下载地址
用户评论