Estou passando um array
de objetos para um componente e dentro deste componente eu tento acessar os valores passados:
<orders-list :orders="items"></orders-list>
Componente orders-list:
<template>
<div>
<b-form-select
v-model="filterChannel"
:options="Array.from(
new Set(
orders.map(item => item.channel)
)
)"></b-form-select>
</div>
</template>
<script>
export default {
props: ['orders'],
...
created(){ console.log(this.orders); } // null
}
</script>
dentro do template
eu consigo renderizar todas as informações mas o console sempre me manda um erro dizendo que não pode acessar o método map
de null
mesmo renderizando os itens...
Já dentro do método é exibido null
, porém se eu usar apenas console.log(this)
eu consigo visualizar o orders
com todos os pedidos dentro.
Como posso acessar um prop
dentro dos métodos de um componente?
pai
doorders-list