插槽(Slot)是一种模板语法,用于让子组件能够接收来自其父组件的 HTML 或组件内容
<slot>
是用来定义组件插槽的,放在子组件,父组件定义的内容会被放到子组件的 <slot>
位置
简单的说:就是你父组件引用了子组件,然后你还想对子组件进行局部更改,在子组件设置上插槽,就能改那了
多个插槽
二 插槽 #prefix
#prefix
是用来定义一个插槽,该插槽将内容放置到 el-input
组件的前缀位置
<el-input v-model="username" placeholder="用户名"> <template #prefix> <el-icon> <user /> </el-icon> </template> </el-input>