Element UI之Carousel 走马灯使用示例

一.在Vue项目中安装依赖

npm i element-ui -S

二.导入依赖
在main.js项目入口文件
导入全局样式

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; 
Vue.use(ElementUI)

三.新建Carousel.vue组件
loop="true" :循环滚动







四.在组件中引用
根据自己的需求引用到组件中
我这里是引用到home.vue中




效果如下


效果图

你可能感兴趣的:(Element UI之Carousel 走马灯使用示例)