Как внедрить html с помощью mustache

#javascript #html #vue.js #mustache

#javascript #HTML #vue.js #mustache

Вопрос:

Ниже приведен мой контент:

 const content = Testing mutache with html. click {{{link}}}.
  

Ниже приведен мой код mustache:

 Mustache.render(content, {link:'<a href="http://google.com">here</a>'});
  

На экране он отображается как :

 Testing mutache with html. click <a href="http://google.com">here</a>.
  

Что я делаю не так?

Комментарии:

1. Вы пробовали отображать элемент внутри шаблона HTML, а не строку? Я не уверен, поскольку синтаксис кажется правильным.

2. Я вас не понимаю… @ChrisB.

Ответ №1:

Ответ заключается в том, что вы не используете mustache таким образом. Чтобы отобразить HTML в шаблоне, вам нужно будет использовать метод rawHTML, как описано здесь:

https://v2.vuejs.org/v2/guide/syntax.html#Raw-HTML

цитирую «Двойные усы интерпретируют данные как обычный текст, а не HTML. Чтобы вывести реальный HTML, вам нужно будет использовать директиву v-html «