elementui image

Question

怎么把element ui Image组件 预览左右箭头去掉？

 <div v-for="(item, index) in banners" class="slide" :key="index">
          <!-- <img :src="item" width="100%" height="100%" alt="" /> -->
          <el-image style="display: block;width: 50%;border-radius: 4px;height: 100%; margin: 0 auto;margin-top: 30px;" :src="item" :preview-src-list="banners"></el-image>
        </div>
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/958499804076113.png "#left")

Answer 1

::v-deep.el-image {
  .el-image-viewer__prev,
  .el-image-viewer__next {
    display: none;
  }
}