Ввод текста шаблона в качестве html - элемента в vue js

#vue.js #vuejs2

Вопрос:

Я ищу решение, в котором у меня есть строка что-то такое

 This line have {{input}} in it and also the {{select}} in it.

Теперь эта строка поступает из базы данных из бэкенда, а мой интерфейс-Vue JS 2.6

Чего я хочу добиться, так это проанализировать {{ввод}} и преобразовать его в тег ввода html, например

 <input type="text" class="some-class">

и то же самое для {{выберите}}

 <select> <option value="Option value">Option Content</option> </select>

Я не уверен, как я ввожу его в vue, я использую vue с vuex

Пожалуйста, направьте меня, любая помощь будет признательна

Ответ №1:

Я не знаю, правильно ли я понял, но теперь у вас есть строка шаблона, которую вам нужно использовать в своем компоненте. Вы можете попытаться превратить строку шаблона в компонент, а затем использовать ее в родительском компоненте.

 Vue.component('my-input', {
  template: '<input type="text" class="some-class">'
})

 <div id="parent-demo">
  <my-input></my-input>
</div>

Если у вас есть только {{input}} строка и вам нужно преобразовать ее в компонент, вы можете написать свою собственную функцию преобразования для преобразования {{input}} в строку шаблона( <input type="text" class="some-class"> ), а затем создать компонент таким же образом, как описано выше