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

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

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

 

 

 

多个插槽

 

 

 

二 插槽 #prefix

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

<el-input v-model="username" placeholder="用户名">
  <template #prefix>
    <el-icon>
      <user />
    </el-icon>
  </template>
</el-input>

 

posted on 2024-01-04 21:42  黑逍逍  阅读(3)  评论(0编辑  收藏  举报