vue element组件 实现轮播图

简介: vue element组件 实现轮播图

创建轮播图框架

<template>
  <el-carousel :interval="2000" type="card" height="4000px">
    <el-carousel-item v-for="item in banners" :key="item">
      <img :src="item.url" alt=""/>
    </el-carousel-item>
  </el-carousel>
</template>
const banners= [
  {url: require("")},
  {url: require("")},
  {url: require("")},
  {url: require("")},
  {url: require("")},
  {url: require("")},
]
相关文章
|
1天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
4 0
|
1天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
1天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
1天前
|
JavaScript Java
vue的论坛管理模块-文章查看-01
vue的论坛管理模块-文章查看-01
|
1天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
1天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
|
9月前
|
JavaScript
Vue的非父子组件之间传值
全局事件总线 一种组件间通信的方式,适用于任意组件间通信
|
8月前
|
缓存 JavaScript 前端开发
Vue Props、Slot、v-once、非父子组件间的传值....
Vue Props、Slot、v-once、非父子组件间的传值....
47 0
|
9月前
|
JavaScript
Vue中父子组件传值
先在⽗组件中给⼦组件的⾃定义属性绑定⼀个⽗组件的变量
|
9月前
|
JavaScript
vue 组件传值
vue 组件传值
47 0