当前位置: 首页 > article >正文

【Uniapp-Vue3】插槽Slots及具名插槽实现组件高度定制化

插槽就像挖了一个坑,在使用插槽的时候可以根据自己的需要放白萝卜还是胡萝卜。

一、放置插槽

该组件为user-layout一般我们的页面布局的头部和底部都不会变,只会改变中间部分,所以我们给中间部分留一个slot插槽:

二、使用插槽

直接在插件中写需要插槽替代的内容即可:

 

三、具名插槽

当我们有多个插槽的时候就需要使用到具名插槽

设置插槽:

<slot name="插槽名称"></slot>

 

使用插槽:

<template #插槽名>插槽内容</template>

 


http://www.kler.cn/a/500660.html

相关文章:

  • 矩阵求逆的几种方式
  • 【Go】:深入解析 Go 1.24:新特性、改进与最佳实践
  • Microsoft Sql Server 2019 数据类型
  • JavaEE之线程池
  • Java设计模式 —— 【行为型模式】命令模式(Command Pattern) 详解
  • 鸿蒙面试 2025-01-09
  • [SAP ABAP] APPEND INITIAL LINE 追加空行
  • 苍穹外卖08——(涉及接收日期格式数据、ApachePOI导出报表、sql获取top10菜品数据)
  • doris:模型注意事项
  • npm 与 pnpm:JavaScript 包管理工具的对比与选择
  • 泛目录和泛站有什么差别
  • 跳表和Mysql联合索引的最左原则和索引下推的优化
  • 禅道使用实践(2)-产品篇
  • Golang笔记——rune和byte
  • Linux 容器漏洞
  • Spark Streaming专题
  • MySQL面试题--最最最详细MySQL面试题和解答
  • React中透过render函数学习(一)——workInProgress与双缓存机制
  • 现代 CPU 的高性能架构与并发安全问题
  • 【ESP32】ESP-IDF开发 | WiFi开发 | 基站模式 + AP扫描和AP连接例程
  • iOS实际开发中使用Alamofire实现多文件上传(以个人相册为例)
  • Kafka 主题管理
  • Java面试核心知识4
  • 系统架构设计师考点—信息安全和网络安全
  • 若依前后端分离项目部署
  • Vite源码学习分享(一)