
既然获取分发的内容,应该在子组件里面写这个实例属性。
父组件
<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>
子组件 打印信息

本文介绍如何在Vue组件中,通过父子组件交互实现子组件动态渲染,以个性化展示Timeline中的'dot'元素。重点在于`v-if`和`slot`的使用,提升用户体验和代码复用。
554

被折叠的 条评论
为什么被折叠?



