本文共 2019 字，大约阅读时间需要 6 分钟。

1、引言

寒假是用来反超的！一起来学习Vue把，这篇博客是关于Timeline组件使用，由于element-ui与vue-cli-plugin-element更新冲突问题，导致我们不能直接通过导入的方式使用该组件，于是我们采用手动导入的方式来解决这个问题

2、导入与配置

将两个关键文件夹放入plugins中

提供文件：

链接：https://pan.baidu.com/s/1YjguGpoRJj64vwFqYt3lGQ

实现效果:

实现过程：

先在element.js中导入Timeline组件并注册全局可用组件

// 导入组件import Timeline from './timeline/index.js'import TimelineItem from './timeline-item/index.js'// 注册全局可用组件`https://element.eleme.cn/#/zh-CN/component/timeline`Vue.use(Timeline);Vue.use(TimelineItem);

       
    
           {
   {
   activity.content}}    
      
   

导入样式后我们的界面就变得好看多了

项目源码：

3、结束语

至此，我们的功能就完成了！

Vue全家桶开发电商管理系统码云地址，欢迎一起来学习~

https://gitee.com/Chocolate666/vue_shop

最后，看完本篇博客后，觉得挺有帮助的话，可以继续查看专栏其它内容嗷，一起来学习Vue吧~

学如逆水行舟，不进则退

转载地址：https://chocolate.blog.csdn.net/article/details/104077944 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！