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

预期的效果是



官网代码

点击(此处)折叠或打开

1. <Timeline pending>
   
2.         <TimelineItem>发布1.0版本</TimelineItem>
   
3.         <TimelineItem>发布2.0版本</TimelineItem>
   
4.         <TimelineItem>发布3.0版本</TimelineItem>
   
5.         <TimelineItem><a href="#">查看更多</a></TimelineItem>
   
6. </Timeline>

   



复制官网代码之后， http://www.it399.com 显示效果是




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



   

点击(此处)折叠或打开

1. <template>
   
2.         <Time-line pending>
   
3.             <Timeline-Item>发布1.0版本</Timeline-Item>
   
4.             <Timeline-Item>发布2.0版本</Timeline-Item>
   
5.             <Timeline-Item>发布3.0版本</Timeline-Item>
   
6.             <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
   
7.         </Time-line>
   
8.     </template>

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

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/28470105/viewspace-2155225/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/28470105/viewspace-2155225/