vue의 하위 구성 요소에서 키 액세스

vue의 하위 구성 요소에서 키 액세스

Vue 문서에 따르면 v-for:에서 사용자 지정 구성 요소를 사용하려면 키를 바인딩해야 한다.

<template v-for="(task,i) in tasks">
    <task-card v-bind:task="task" v-bind:key="i"></task-card>
</template>

하위 구성 요소에서 그 키를 사용하고 싶다.task-card) 그러나 어느 것도 사용하지 않는다.this.key또는 추가key소품으로서(예약된 Vue 키워드임) 작업.'i'라는 가치를 지닌 또 다른 소품을 아직 통과시키지 않고 이렇게 하는 방법이 있을까?현재 작업 중"vue": "^2.5.9".

아이에게 데이터를 전달하려면 소품(소품)을 사용해야 한다.key예약되어 있으므로 다른 이름을 붙여야 한다.)

그렇지 않으면 구성 요소 내의 vnode에 있는 키에 액세스할 수 있으며this.$vnode.key.

부에 3

Vue 3의 경우 API가 변경되었다.다음과 같은 내부 개인 인스턴스에서 vnode에 액세스하십시오.this.$.vnode.key. 내가 아는 한 이것은 문서화되지 않았고 변경될 수 있다. 주의해서 사용하십시오.

참조URL: https://stackoverflow.com/questions/47783396/access-key-from-child-component-in-vue