vue使用iview Timeline 時間軸不顯示渲染的效果問題解決辦法

陳守印發表於2018-05-28
VueView

預期的效果是



官網程式碼

點選(此處)摺疊或開啟

  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


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/28470105/viewspace-2155225/，如需轉載，請註明出處，否則將追究法律責任。

相關文章