插槽(Slot)是一种模板语法,用于让子组件能够接收来自其父组件的 HTML 或组件内容

<slot> 是用来定义组件插槽的,放在子组件,父组件定义的内容会被放到子组件的 <slot> 位置

 简单的说:就是你父组件引用了子组件,然后你还想对子组件进行局部更改,在子组件设置上插槽,就能改那了

 

 

 

多个插槽

 

 

 

二 插槽 #prefix

#prefix 是用来定义一个插槽,该插槽将内容放置到 el-input 组件的前缀位置

1
2
3
4
5
6
7
<el-input v-model="username" placeholder="用户名">
  <template #prefix>
    <el-icon>
      <user />
    </el-icon>
  </template>
</el-input>

 

posted on   黑逍逍  阅读(3)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!



点击右上角即可分享
微信分享提示