Данные из data в slots Vue.js?

Question

[tuxx]

В vue-strap есть комопнент Accordion в котором есть Panel.vue. В data у Panel.vue есть параметр open отвечающий за состояние "свернуто\развернуто". Для accorion с panel прописываю slot с именем header (как в примере), но почему-то в этом слоте не могу получить значение open:

[Vue warn]: Property or method "open" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

Answer 1

[fl3nkey]

<panel ref="panel"></panel>

//..
this.$refs.panel.open;

Comments

[tuxx]

Мне нужно иметь доступ к open в шаблоне панели. Что-то похожее на это:

<template>
	<accordion>
		<panel>
			<div slot="header">
				<h3>Header</h3>

				<div v-if="open">
					Свернуть\развернуть
				</div>
			</div>
		</panel>
	</accordion>
</template>

[tuxx]

FLUNKEY, TypeError: t.$refs.panel is undefined