<template #default="{ data }">
<div v-if="$slots.default == null" style="padding-left: 6px;padding-right: 12px">
<i class="iconfont" v-html="data.code" :style="{color:data.color,verticalAlign:'middle',paddingRight:'5px'}"></i>
<span style="vertical-align: middle">{{ data.label }}</span>
</div>
<template v-else>
<slot :data="data"></slot>
</template>
</template>
Vue3外部插槽替换内部插槽
最新推荐文章于 2023-08-10 17:49:32 发布