温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-11-11 09:41:53 来源:亿速云 阅读:418 作者:柒染 栏目:web开发

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

预期的效果是
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 时间轴不显示渲染效果的解决办法了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI