@RozmarinUS
YII2, PHP, React, TypeScript, Python hater

Как проверить использование слота?

Как можно проверить использование слота в компоненте?

<Component>
<template v-slot:header>
....
</template>
</Component>


--- Код компонента

<template>
  <div :class="classes">
    <slot name="header" />
   </slot>
  </div>
</template>

<script>
export default {
  created () {
    console.log(this.$slots.header) // не работает =(
  }
}
</script>
  • Вопрос задан
  • 882 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
console.log(this.$slots.header) // не работает

Ложь, работает. Между "не работает" и "результат работы отличается от желаемого" есть существенная разница, попытайтесь её осознать.

created () {

Что насчёт mounted? Или, если и так не увидите контент слота, mounted + nextTick?
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы