1. 程式人生 > >vue使用iview Timeline 時間軸不顯示渲染的效果問題解決方案

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

vue Timeline 時間軸不顯示渲染的效果

官網的顯示效果

官網程式碼

<Timeline pending>
        <TimelineItem>釋出1.0版本</TimelineItem>
        <TimelineItem>釋出2.0版本</TimelineItem>
        <TimelineItem>釋出3.0版本</TimelineItem>
        <TimelineItem><a href="#">檢視更多</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="#">檢視更多</a></Timeline-Item> </Time-line> </template>