从vue中的子组件访问键

时间:2017-12-12 23:46:36

标签: javascript vue.js vuejs2

根据Vue docs,在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作为prop(是保留的Vue关键字)。有没有办法做到这一点,而没有通过另一个价值“我”的道具?目前正在使用"vue": "^2.5.9"

1 个答案:

答案 0 :(得分:17)

如果您想将数据传递给孩子,您应该使用道具(key是保留的,因此您必须将其命名为其他内容。)

否则,您可以通过this.$vnode.key访问组件中vnode上的密钥。