@kroha3000

Можно ли использовать сразу несколько шаблонов в внутри одного одного компонента VueJS и как их вызывать?

Можно ли разместить внутри одного компонента несколько template?

<template>
  <div>
    1-ый
  </div>
</template>

<template>
  <div>
    2-рой
  </div>
</template>


и если можно, то как вывести нужный template ?
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
Kozack
@Kozack Куратор тега Vue.js
Нет. Нельзя. Выносите их в подкомпоненты.
RFC
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
wapster92
@wapster92
Люблю трилогию ME
Да можно
<template v-if="value">
  <div>
    1-ый
  </div>
</template>

<template v-else>
  <div>
    2-рой
  </div>
</template>

UPD Как хочет автор, нельзя.
Ответ написан
@AndrewRusinas
Хорошей практикой будет создание отдельных компонентов и объединение их в один родительский, где они будут динамически импортироваться, а за отображение нужного будет отвечать элемент "component(:is="<нужный компонент>"). В крайнем же случае, если прям ну совсем не хочется создавать файлы, не понимаю, почему не сделать так:
<template>
  .component-1(v-if="blah")
     // код компонента
  .component-2(v-else-if="blah-blah")
     // код второго компонента
  // и так далее
</template>
Ответ написан
Ваш ответ на вопрос

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

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