Vue.js 如何在v-for中使用计算属性

我打开了vue的列表，包装器中的第二个列表，左侧和右侧

computed: {

    currentIndex () {
         for (let i = 0; i < this.listHeight.length; i++) {
             let height1 = this.listHeight[i];
             console.log(height1);
             let height2 = this.listHeight[i + 1];
             if (!height1 || (this.scrollY < height1 && this.ScrollY >=     height2)) {
             return i;
          }
    }
    return 0;
}

计算：{
当前索引（）{
for（设i=0；i=height2））{
返回i；
}
}
返回0；
}

这段代码有一个问题，height1和height2不是运动，为什么常规的两变量内环是这样的。

如下：

<span v-for="(index,key) in currentIndex" :key="key">

  {{index}}

</span>

{{index}}

您应该根据要在模板中执行的操作来编辑元素和内容。

如下所示：

<span v-for="(index,key) in currentIndex" :key="key">

  {{index}}

</span>

{{index}}

---

您应该根据您希望在模板中执行的操作来编辑元素和内容。

您还可以发布模板代码吗？您还可以发布模板代码吗？