vue Timeline 時間軸不顯示渲染的效果
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuAjMzUDNhRjY1MDZzkDMlZTL3IzM0AzNy8CXvwFMvw1cn1Wafd2bsJ2LcRWYvxGc19lYld3Lc12bj5CO0AjMr1mL3d3dvw1LcpDc0RHaiojIsJye.png)
官網代碼
<Timeline pending>
<TimelineItem>釋出1.0版本</TimelineItem>
<TimelineItem>釋出2.0版本</TimelineItem>
<TimelineItem>釋出3.0版本</TimelineItem>
<TimelineItem><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >檢視更多</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="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >檢視更多</a></Timeline-Item>
</Time-line>
</template>
參考http://www.it399.com/blog/html/201805231405
本文轉載于:猿2048➤https://www.mk2048.com/blog/blog.php?id=hiabakaa&title=vue使用iview Timeline 時間軸不顯示問題