vue.js - 看。如何在创建的元素中获取 "key"属性的值

Question

我正在尝试创建一个组件并获取其 :key 以便在 axios 中使用。

元素已创建，但我无法获取 key 。它是未定义的。

    <div class="container" id="root">
        <paddock is="paddock-item" v-for="paddock in paddocks" :key="paddock.key" class="paddock">
        </paddock>
    </div>
    <script>
    var pItem = {
        props: ['key'],
        template: '<div :test="key"></div>',
        created: function() {
            console.log(key);
        }
        };
    new Vue({
        el: '#root',
        components: {
            'paddock-item': pItem
        },
        data: {
            paddocks: [
                {key: 1},
                {key: 2},
                {key: 3},
                {key: 4}
            ]
        }
    })
    </script>

我尝试了一些变体，但没有结果。 key 是空的。

Answer 1

您不需要使用额外的属性。您可以通过以下方式获取 key

this.$vnode.key