当前元素数据属性中的访问循环索引 - VueJS

Question

我想访问具有该v-for指令的同一元素的另一个属性内的循环的当前索引。

HTML 内容是：

<div id="app">
    <div v-for="count in length" data-my-attribute="here" class="target">{{count}}</div>
</div>

和JS代码：

var app = new Vue({
    el : '#app',
    data: {
        length: 9,
    }
});

我知道我可以使用divclass访问当前循环索引“内部” target。它的方式与{{ count }}

但是是否可以访问count属性的内部值data-my-attribute？

（我的意思是代替“这里”这个词）

Answer 1

您可以使用绑定访问该变量，如下所示：

<div id="app">
  <div v-for="count in length" :data-my-attribute="count" class="target">{{count}} </div>
</div>

id就像你想定义一个动态s的情况一样

<div id="app">
  <div v-for="count in length" :id="'divNum'+count" class="target">{{count}} </div>
</div>