Vue. Como obter um valor de um atributo "chave" no elemento criado
Eu tento criar um componente e obter sua chave para uso em axios. Elementos criados, mas não consigo obter uma chave. Está indefinido
<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>
Eu tento algumas variantes, mas nenhum resultado - @key estava vazio.