问题: vue使用iview Timeline 时间轴不显示渲染的效果问题解决方案|web前端开发|在线助手，您的在线生成制作工具箱!

问题关键字: iview时间轴问题,iview Timeline显示效果,iview Timeline渲染问题,web前端开发，在线助手，在线工具，在线助手博客!

问题详细描述: iview时间轴显示有问题,iview Timeline显示有问题,iview Timeline渲染有问题,iview Timeline怎么使用，vue iview Timeline时间轴控件显示渲染问题解决方案,在线助手以及在线助手博客专注于提供在线生成、在线制作等在线工具，以及web前端开发、html、javascript、thymeleaf、view、vue.js、vue等常见问题的解决方案!

vue使用iview Timeline 时间轴不显示渲染的效果问题解决方案

在线助手博客首页

####vue Timeline 时间轴不显示渲染的效果

![官网的显示效果](https://upload-images.jianshu.io/upload_images/2704327-6e093d35b4a45320.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

####官网代码
```html
<Timeline pending>
		<TimelineItem>发布1.0版本</TimelineItem>
		<TimelineItem>发布2.0版本</TimelineItem>
		<TimelineItem>发布3.0版本</TimelineItem>
		<TimelineItem><a href="#">查看更多</a></TimelineItem>
</Timeline>
```

####复制官网代码之后，我的网站:[在线助手|在线工具](https://www.it399.com)显示效果是
![显示效果](https://upload-images.jianshu.io/upload_images/2704327-c7c0a2e7a7e02678.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

####解决办法:将Timeline改为Time-line，TimelineItem改为Timeline-Item
完整代码
```html
<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>
```

> 本文同步发布在 [在线助手](https://www.it399.com) ，**转载请注明来自 [在线助手博客](https://www.it399.com/blog/index) 频道【[vue使用iview Timeline 时间轴不显示渲染的效果问题解决方案](https://www.it399.com/blog/html/201805231405)】,原文链接**:**https://www.it399.com/blog/html/201805231405**