v-html 和 v-text 有什么区别?
What is the difference between v-html and v-text?
我使用 v-text
得到以下代码:
<h1 v-text="content.title"></h1>
输出:
Brand Name is B&C
所以我在上一行中使用 v-html
修复了它:
<h1 v-html="content.title"></h1>
输出:
Brand Name is B&C
我的问题如下:
为什么使用 v-html
而不是 v-text
?我已经阅读了 Vue 文档,但我不清楚其中的区别。
v-text
设置元素的 textContent of the node. v-html
sets the innerHTML。 &
是一个 HTML 实体。如果您想要解释和替换 HTML 个实体,您需要将它们解释为 HTML 而不是文本。
v-html指令用于用我们的数据更新元素的内部HTML。这就是它与 v-text 的区别,这意味着当 v-text 接受字符串并将其视为字符串时,它将接受字符串并将其呈现为 HTML.
我使用 v-text
得到以下代码:
<h1 v-text="content.title"></h1>
输出:
Brand Name is B&C
所以我在上一行中使用 v-html
修复了它:
<h1 v-html="content.title"></h1>
输出:
Brand Name is B&C
我的问题如下:
为什么使用 v-html
而不是 v-text
?我已经阅读了 Vue 文档,但我不清楚其中的区别。
v-text
设置元素的 textContent of the node. v-html
sets the innerHTML。 &
是一个 HTML 实体。如果您想要解释和替换 HTML 个实体,您需要将它们解释为 HTML 而不是文本。
v-html指令用于用我们的数据更新元素的内部HTML。这就是它与 v-text 的区别,这意味着当 v-text 接受字符串并将其视为字符串时,它将接受字符串并将其呈现为 HTML.