Vue. Cómo obtener un valor de un atributo "clave" en el elemento creado
Intento crear un componente y obtener su clave para usar en axios. Elementos creados, pero no puedo obtener una clave. Es 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>
Intento algunas variantes, pero ningún resultado: @key estaba vacío.