Javascript Vue.js v-for add to:index+&引用；1“；

我需要添加到v-for呈现列表中的每个索引词+1。 例如，在我的选项imageIndex中，第一个列表index0，第二个index1，第三个index2…就是我需要添加到每个索引中的字符串

这有可能吗？或者如何为列表灯箱库中的每个v渲染图像创建

这是我的密码：

<div class="m-3" v-for="(item, imageIndex) in info" :key="item.id">
<CoolLightBox
  :items = "[result[imageIndex]]"
  :index= "index"  // here i need add to index +1 every time ...index0, index1, index2
  @close= "index = null">  // here i need add to index +1 every time ...index0, index1, index2
</CoolLightBox>

<img
    class="img-thumbnail"
    @click="index = imageIndex" // here i need add to index +1 every time ...index0, index1, index2
    :src= "[result[imageIndex]]">
</div>


export default {
  components: {
    CoolLightBox
  },
  data: function () {
    return {
      result: [
        'static/m/954.jpg',
        'static/m/955.jpg',
        'static/m/956.jpg'
      ],
      index: null
    }
  }
}

//在这里，我需要每次添加到索引+1…index0，index1，index2
导出默认值{
组成部分：{
冷却灯箱
},
数据：函数（）{
返回{
结果:[
‘static/m/954.jpg’，
“static/m/955.jpg”，
“static/m/956.jpg”
],
索引：空
}
}
}

我试试这样的

<CoolLightBox
        :items = "[result[0]]"
        :index= "`index${imageIndex}`"
        @close= "`index${imageIndex}` = null">
</CoolLightBox>

但这对我不起作用

试试：

:index = "'index' + imageIndex"

尝试：

---

这正是这里的官方文件中的例子：

---

这正是官方文件中的例子：

是的，我知道，但这对我没有帮助……在页面上创建多个库需要什么？唯一：索引？多个galeries？像几个灯箱？我不确定你想在这里实现什么。是的，我想为每个图像创建一个lightbox，所以当用户单击图像时，它只在lightbox中打开，，，，而不是像galleryLike这样的东西？（点击风景画或猫咪照片）是的，类似的东西，，，但可能是不必要的为我的每一张图片创建“单张图片库-一张图片”…这可能对我来说是更好的解决方案是的，我知道，但它对我没有帮助…我需要在页面上创建多个图片库吗？唯一：索引？多个galeries？像几个灯箱？我不确定你想在这里实现什么。是的，我想为每个图像创建一个lightbox，所以当用户单击图像时，它只在lightbox中打开，，，，而不是像galleryLike这样的东西？（点击风景画或猫咪照片）是的，类似的东西，，，但可能它是不必要的，为我的每一张图片创建“单一图像库-一张图片”…这可能是更好的解决方案