@alenov
Программист

Как в компоненте Vue подгружать разные шаблоны, оставляя нетронутым содержимое JS-кода?

Доброго дня!

Есть компонент Vue. Необходимо в зависимости от ситуации подгружать в раздел разный код шаблона, оставляя при этом весь JS нетронутым. Можно конечно сделать типа так:

<template>
  <div v-if="situation1">
    (шаблон 1)
  </div>
  <div v-else>
    (шаблон 2)
  </div>
</template>
<script>
  (одинаковый код для обоих шаблонов)
</script>


Проблема в том, что версии шаблонов, кроме того, что имеют сильно разную вёрстку, ещё и достаточно объёмные, чтобы пихать их в один файл. Неудобно потом этим управлять. Хотелось бы что-то типа импортирования по условию. В доке не нашёл.
Есть ли какое-то решение, кроме вышеуказанного?
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
<template>
  <div>
    <component :is="ComponentDependingOnTheCondition">
  </div>
</template>
<script>
  (одинаковый код для обоих шаблонов)
</script>
Ответ написан
Ваш ответ на вопрос

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

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