我如何在v-for中使用计算属性

Question

我为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;
}

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

Answer 1

像这样：

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

  {{index}}

</span>

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