如何使用小胡子注入 html
How to inject html using mustache
以下是我的内容:
const content = Testing mutache with html. click {{{link}}}.
以下是我的小胡子代码:
Mustache.render(content, {link:'<a href="http://google.com">here</a>'});
在屏幕上,它呈现为:
Testing mutache with html. click <a href="http://google.com">here</a>.
我做错了什么?
答案是你不以这种方式使用小胡子。要将 HTML 渲染到模板中,您必须使用此处所述的 rawHTML 方法:
https://vuejs.org/v2/guide/syntax.html#Raw-HTML
引用“双胡子将数据解释为纯文本,而不是 HTML。为了输出真实的 HTML,您需要使用 v-html 指令”。 =11=]
以下是我的内容:
const content = Testing mutache with html. click {{{link}}}.
以下是我的小胡子代码:
Mustache.render(content, {link:'<a href="http://google.com">here</a>'});
在屏幕上,它呈现为:
Testing mutache with html. click <a href="http://google.com">here</a>.
我做错了什么?
答案是你不以这种方式使用小胡子。要将 HTML 渲染到模板中,您必须使用此处所述的 rawHTML 方法:
https://vuejs.org/v2/guide/syntax.html#Raw-HTML
引用“双胡子将数据解释为纯文本,而不是 HTML。为了输出真实的 HTML,您需要使用 v-html 指令”。 =11=]