vue插槽

插槽分类:默认插槽(组件内定制一处结构) 具名插槽(组件内定制多处结构)

作用域插槽:是插槽的一种传参语法

1. 默认插槽

步骤:

  1. 先使用<slot><slot>占位

  2. 在要使用的组件中,引入这组件,并在组件之间填写要向插槽里插入的内容

2. 具名插槽

步骤:

  1. 先使用<slot><slot>占位

  2. 在要使用的组件中,引入这组件,并在组件之间填写要向插槽里插入的内容

  3. 插入的内容使用<template>标签加#插槽名,来区分插入的地方

3. 作用域插槽

javascript 复制代码
//第3步简化  #default="obj"  obj是可以随便命名的变量
<MyTable :list="list">
    <template #default="{id}"> //直接解构obj
        <button @click="del(id)">删除</button>
    </template>
</MyTable>
相关推荐
云浪3 小时前
Go 并发实战:从零实现一个高并发安全的任务调度器
javascript·后端·go
Flynt4 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel5 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马6 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土7 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀9 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
前进前进前进10 小时前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端
小万74211 小时前
God‘s Eye View 深度解析:15 路公开信号 + CesiumJS 的浏览器级 OSINT 控制台,60 帧渲染的“真实间谍卫星模拟器”
前端
IT星宿11 小时前
浏览器标签页全是一个图标:我用名字哈希生成 favicon,让每个项目都有身份标识
前端