vue使用iview Timeline 时间轴不显示渲染的效果问题解决办法

预期的效果是



官网代码

<Timeline pending>
        <TimelineItem>发布1.0版本</TimelineItem>
        <TimelineItem>发布2.0版本</TimelineItem>
        <TimelineItem>发布3.0版本</TimelineItem>
        <TimelineItem><a href="#">查看更多</a></TimelineItem>
</Timeline>

   



复制官网代码之后， 显示效果是




很明显不符合预期，解决办法:将Timeline改为Time-line，TimelineItem改为Timeline-Item
完整代码



   

<template>
        <Time-line pending>
            <Timeline-Item>发布1.0版本</Timeline-Item>
            <Timeline-Item>发布2.0版本</Timeline-Item>
            <Timeline-Item>发布3.0版本</Timeline-Item>
            <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
        </Time-line>
    </template>

转载请注明来自 在线助手博客频道,原文链接 http://www.it399.com/blog/html/201805231405