vue使用iviewTimeline时间轴不显示渲染效果的解决办法

这期内容当中小编将会给大家带来有关vue使用iview Timeline 时间轴不显示渲染效果的解决办法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联建站专业为企业提供钦北网站建设、钦北做网站、钦北网站设计、钦北网站制作等企业网站建设、网页设计与制作、钦北企业网站模板建站服务,10年钦北做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

预期的效果是
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 显示效果是

vue使用iview 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>

上述就是小编为大家分享的vue使用iview Timeline 时间轴不显示渲染效果的解决办法了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。

文章题目:vue使用iviewTimeline时间轴不显示渲染效果的解决办法
URL分享:https://www.cdcxhl.com/article10/jgcjgo.html

成都网站建设公司_创新互联,为您提供网站内链用户体验服务器托管云服务器商城网站标签优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司