Как отправить данные из django в компонент Vue3
Я пытаюсь отправить некоторые данные из django в компонент Vue3, но у меня не получается отправить их в Vue. фрагмент html кода
{{object_list|json_script:"team_members"}}
<script>
const team_member_list = JSON.parse(document.getElementById('team_members').textContent);
</script>
<cardcarousel :team=team_member_list></cardcarousel>
<script>
console.log(team_member_list[0]['first_name'])0
</script>`
Мой компонент
app.component('cardcarousel', {
data(){
return {
}
},
props:{
team:{
type: Array,
required: true,
}
}
,
template:/*html*/`
<div v-for="team_member in team" class="card_carousel">
<teamcard :first_name = "team_member.id"></teamcard>
</div>
`,})`
В журнале консоли я вижу свой Array, но из Vue я получаю следующее предупреждение:
[Vue warn]: Неверный реквизит: проверка типа не удалась для реквизита "team". Ожидалось Array, получено Undefined.