Необходима помощь. Есть Vue компонент. В параметры передается html-строка. Необходимо вывести html в template этого компонента. Да, я знаю про v-html. Но есть одно но. В этом самом html есть двойные фигурные скобки, в которые передается шаблон. Т.е.
<div>
<div>
{{user.Name}}
</div>
<div>
{{user.LastName}}
</div>
</div>
И проблема в том, что в template это конструкция выводится как есть, не подставляя данные из объекта user. Вопрос. Как сделать так, чтобы в template попадал обработанный html?
P.S. Если кто не до конца понял, скину примерный код.
Vue.component("my-component",{
props: ['templateHtml','user'],
template: '<div>\
<p>First html</p>\
<span v-html="templateHtml.First"></span>\
<p>Second html</p>\
<span v-html="templateHtml.Second"></span>\
</div>'
});
//templateHtml: {
// First: '<div>{{user.FirstName}}</div>,
// Second: '<div>{{user.LastName}}</div>,
//}
<my-component template-html="templateHtml" current-user="user"></my-component>
P.S.2. Код скинул для примера. На деле компонент больше и сложнее, но пример перекрестно описывает мою проблему.