【Uniapp-Vue3】插槽Slots及具名插槽实现组件高度定制化
插槽就像挖了一个坑,在使用插槽的时候可以根据自己的需要放白萝卜还是胡萝卜。
一、放置插槽
该组件为user-layout一般我们的页面布局的头部和底部都不会变,只会改变中间部分,所以我们给中间部分留一个slot插槽:
二、使用插槽
直接在插件中写需要插槽替代的内容即可:
三、具名插槽
当我们有多个插槽的时候就需要使用到具名插槽
设置插槽:
<slot name="插槽名称"></slot>
使用插槽:
<template #插槽名>插槽内容</template>