vue中使用elementUI走马灯，实现左边轮播+右边对应轮播图文字内容

<template>

<!-- 2.推荐信息：轮播图+文字 -->

    <div class="lunbo">

      <div class="block">

        <el-carousel :initial-index="currentIndex" @change="changePandT">

          <el-carousel-item

            v-for="(item, index) in recommendationList"

            :key="index"

          >

            <img :src="item.imgs[0]" alt="" />

          </el-carousel-item>

        </el-carousel>

      </div>

      <div class="textRightBox">

        <p class="p1">{ { textRight.title + textRight.index }}</p>

        <p class="p2">{ { textRight.content }}</p>

      </div>

    </div>

</template></