VueJSは、私は私はこのようなコンポーネントの親と通信することができます知っているV-ため、サプライ指標と引数

Question

の両方を経由して、親コンテナとの通信：

<container> 
    <child-component v-for="(thing, index) in things" 
    :key="index" 
    v-on:thingDidSomething="thingDidSomethingInParent(index)" 
    ></child-component> 
</container> 

しかし、私はthingDidSomethingから引数を指定したい場合はどのような子供のメソッド：

v-on:thingDidSomething="thingDidSomethingInParent" 

とインデックス（キー）を供給しています。子コンポーネントのキーにアクセスできますか？

Answer 1

this.$vnode.keyは、子コンポーネント内にkeyという値を与えます。しかし、プロパティはpublic APIの一部として文書化されていません。

<child-component v-for="(thing, index) in things" 
:key="index" 
:index="index" 
v-on:thingDidSomething="thingDidSomethingInParent" 
></child-component> 

とコンポーネント

Vue.component("child-component",{ 
    props:["index"], 
    methods:{ 
     emitThingDidSomething(){ 
      this.$emit('thingDidSomething', this.index, <other arguments>) 
     } 
    } 
}) 

Example：私はこれを行うための最も安全な方法は、このようなものになるだろうと思います。