В приложении Vue 2.0 скажем, что у нас есть компоненты A, B и C.
A объявляет, регистрирует и использует B
Можно ли передать C из A в B?
Что-то вроде этого:
<template>
<div class="A">
<B :child_component="C" />
</div>
</template>
И используйте C в B как-то.
<template>
<div class="B">
<C>Something else</C>
</div>
</template>
Мотивация: я хочу создать общий компонент B
, который используется в A
, но получает от A
его дочерний элемент C
. На самом деле A
будет использовать B
несколько раз, передавая ему "C".
Если этот подход неверен, каков его правильный способ в Vue?
Ответ на @Saurabh
Вместо того, чтобы проходить как реквизит, я попробовал предложение внутри B.
<!-- this is where I Call the dynamic component in B -->
<component :is="child_component"></component>
//this is what I did in B js
components: {
equip: Equipment
},
data () {
return {
child_component: 'equip',
_list: []
}
}
В основном я пытаюсь отображать оборудование, но динамический путь
Я получаю 3 ошибки в консоли и пустую страницу
[Vue warn]: Ошибка при рендеринге компонента в /home/victor/projetos/tokaai/public/src/components/EquipmentFormItem.vue:
Uncaught TypeError: невозможно прочитать свойство 'name' из undefined
TypeError: Не удается прочитать свойство 'setAttribute' из undefined
Видимо, я что-то делаю неправильно