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

1260阅读　0评论2018-05-28　陈守印
分类：Java

预期的效果是



官网代码


点击(此处)折叠或打开

  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>


   



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




很明显不符合预期，解决办法:将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

上一篇：aes加密解密源码，包括aes128、aes192、aes256位，以及cbc、cfb、ecb、ofb、pcbc模式
下一篇：vue使用iview Timeline 时间轴不显示渲染的效果问题解决办法