Можно ли сохранить объект шаблона в файле JSON со стандартным форматом JSON? - PullRequest
Новая
       22

Можно ли сохранить объект шаблона в файле JSON со стандартным форматом JSON?

0 голосов
/ 06 марта 2020

У меня есть проект vue, где я динамически загружаю шаблон из переменной JS. Я делаю это так: 

<template>
<component v-else :is="templateObject"></component>
</template>
<script>
import templateObject from './templateObject.vue';

export default {
  name: 'vueProject',
  data() {
    return {
      html:{
      template: templateObject
      }
    }
}
</script>

Я хочу сохранить переменную html в файле JSON (модель. json) и загрузить ее позже. Я могу написать это только в модели. json { "template": "vueTemplate"}

Но это не сработает, потому что шаблон интерпретируется как строка. Любые идеи, как мне добиться того, что я хочу сделать?

1 Ответ

1 голос
/ 06 марта 2020

Проблема с вашей ссылкой is. Как вы написали data в своем примере фрагмента, component должен выглядеть следующим образом: 

<template>
<!-- some other element with v-if -->
<component v-else :is="html.template"></component>
</template>

Что касается хранения ссылок на шаблоны в JSON, кажется, у вас есть следующие опции:

  1. Сохраните ссылку на путь к файлу, используйте динамический c импорт для извлечения объекта компонента и используйте dynamici c компонентов
  2. Сохраните html шаблон строки в значении (например, { "template": "<div>my component</div>") - это похоже на кошмар обслуживания ... Я не рекомендую эту опцию
...