Twitter bootstrap 在引导转盘项目内显示按钮

我有一些数据，我正在显示使用引导5转盘。但是，我想显示的按钮根本没有显示。还有其他地方我可以放置按钮并显示，但我不会得到我试图绑定的id值

如何显示按钮，以便id绑定到当前显示的图像

这是密码

<div class="col-md-4">
    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
   <div class="carousel-item active">
      <img src="https://api.example.com/uploads/609cd3aab147a.jpg" class="d-block w-100 cs" alt="...">
    </div>
    
    <div class="carousel-item" v-for="(value,index) in image_viewer_data">
      <img class="d-block w-100"  :src="value" :id="index" >
      <button class="btn btn-danger btn-block float-right" @click="handleClick" :id="index">Delete Photo</button>   
    </div>
  </div>
  
  
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
    </div>

删除照片

我将按钮环绕在标题div上

<div class="col-md-4">
    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
   <div class="carousel-item active">
      <img src="https://api.example.com/uploads/609cd3aab147a.jpg" class="d-block w-100 cs" alt="...">
    </div>
    
    <div class="carousel-item" v-for="(value,index) in image_viewer_data">
      <img class="d-block w-100"  :src="value" :id="index" >
      <div class="carousel-caption">
        <button class="btn btn-danger btn-block float-right" @click="handleClick" :id="index">Delete Photo</button>  
       </div>   
    </div>
  </div>
  
  
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>

handleClick (e) {
  e.preventDefault()
  alert(event.target.id)
},