현재 요소 데이터 속성의 액세스 루프 인덱스 - VueJs

현재 요소 데이터 속성의 액세스 루프 인덱스 - VueJs

같은 요소의 다른 속성 내에 있는 루프의 현재 인덱스에 액세스하여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,
    }
});

현재 루프 인덱스에 '내부'로 액세스 할 수 있습니다.div학급과 함께target에서의 동작 방법{{ count }}

하지만, 이 시스템에 접속할 수 있을까요?count속성의 값 내부data-my-attribute?

(여기라는 말 대신)

다음과 같이 바인딩을 사용하여 이 변수에 액세스할 수 있습니다.

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

예를 들어 다이내믹을 정의하고 싶을 때ids

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

언급URL : https://stackoverflow.com/questions/52748603/access-loop-index-in-the-current-elements-data-attribute-vuejs