【element】el-carousel走马灯一个页面放多个元素展示

最新推荐文章于 2025-03-26 15:17:40 发布

前端小云儿

最新推荐文章于 2025-03-26 15:17:40 发布

阅读量6.4k

点赞数

分类专栏：前端静态页面以及逻辑文章标签： elementui

本文链接：https://blog.youkuaiyun.com/jieweiwujie/article/details/122862603

版权

前端静态页面以及逻辑专栏收录该内容

149 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文档介绍如何在同一个页面上使用Element UI的el-carousel组件实现多个独立的走马灯效果，详细阐述了配置和交互细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div>
    <el-carousel indicator-position="outside" :autoplay="false">
      <el-carousel-item
        v-for="item in result"
        :key="item"
        class="carousel-content"
      >
        <div v-for="(el, ind) in item" :key="ind" class="content-flex">
          <div class="content">
            <div>{
  { el.name }}</div>
            <div>{
  { el.title }}</div>
          </div>
        </div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      re

了解本专栏