将HTML绑定到属性(Vue.js)

概述如何将 HTML绑定到Vue组件属性？ 在我的PHP脚本中,我有： $html = '<div>some text</div>';$box = "<box_includeshtml_text='$html'></box_includes>"; 在我的vue模板中： <template id="template_box_includes">{{ html_text }}</templat 如何将 HTML绑定到Vue组件属性？

在我的PHP脚本中,我有：

$HTML = '<div>some text</div>';$Box = "<Box_includesHTML_text='$HTML'></Box_includes>";

在我的vue模板中：

<template ID="template_Box_includes">{{ HTML_text }}</template>

但在我的浏览器中,我看到所有文本,包括标签,它被识别为文本：

<div>some text</div>

解决方法 在Vue Js中,双括号的使用是逃避HTML.您需要使用三个以避免转义HTML,如下所示：

<template ID="template_Box_includes">{{{ HTML_text }}}</template>

您可以在本文档的这个页面上了解更多信息：http://vuejs.org/guide/syntax.html#Raw-HTML

我希望这有帮助！

总结

以上是内存溢出为你收集整理的将HTML绑定到属性(Vue.js)全部内容，希望文章能够帮你解决将HTML绑定到属性(Vue.js)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。