我想使用 CoolLightBox 设置包含多个画廊的页面，当我有一个画廊时它对我有用，但是当我想创建多个....为页面上的每个图像单个画廊....它只显示我在灯箱中的一张图片

这是我的代码：

<div class="m-3" v-for="(item,imageIndex) in info" :key="item.id">
    <div class="row mt-3">
      
      <div id="burza" class="col-lg-3 my-auto text-center">

        <CoolLightBox
          :items="['localhost:4000/api/uploads/' + item.image]"
          :index="index"
          @close="index = null">
        </CoolLightBox>


        {{imageIndex}} // here is index of every image on page but it still didnt work...
        <div class="text-center">
          <img
              class="img-thumbnail"
              :key="imageIndex"
              @click="index = imageIndex"
              :src= "'localhost:4000/api/uploads/' + item.image">
        </div>
        <a :href="'localhost:4000/api/uploads/' + item.image"><img class="img-fluid" :src="'localhost:4000/api/uploads/' + item.image"></a>
      </div>
    </div>
    

如何创建多个 CoolLightBox 画廊？我认为我的问题是 imageIndex 但我不知道如何改进它...