vue2.0 $slots.default使用
既然获取分发的内容,应该在子组件里面写这个实例属性。父组件<ui-timeline v-if="total > 0"><ui-timeline-item:timelineItemPaddingBottom="50"v-for="(item,index) in tableData":key="index":icon="item.icon":fontWeight="item.f
·
既然获取分发的内容,应该在子组件里面写这个实例属性。
父组件
<ui-timeline v-if="total > 0">
<ui-timeline-item
:timelineItemPaddingBottom="50"
v-for="(item,index) in tableData"
:key="index"
:icon="item.icon"
:fontWeight="item.fontWeight"
:circle="item.circle"
:timestamp="item.timestamp">
<span slot="dot">{{index + 1}}</span>
{{item.content}}
</ui-timeline-item>
</ui-timeline>
子组件
<template>
<div v-if="$slots.dot">
<slot name="dot"></slot>
</div>
</template>
子组件 打印信息
更多推荐
已为社区贡献9条内容
所有评论(0)