vue.js v-html和v-text的区别是什么？

busg9geu 于 2023-01-31 发布在 Vue.js

关注(0)|答案(3)|浏览(186)

我使用v-text编写了以下代码：

<h1 v-text="content.title"></h1>

输出：
品牌名称为B和C&C
所以我在上一行中使用v-html修复了它：

<h1 v-html="content.title"></h1>

输出：
品牌名称为B & C
我的问题是：
为什么它可以使用v-html而不是v-text？我已经阅读了Vue文档，但我不清楚两者的区别。

3条答案

v-text设置节点的textContent。v-html设置元素的innerHTML。&是HTML实体。如果要解释和替换HTML实体，则需要将它们解释为HTML而不是文本。

v-html指令用于更新元素的innerHTML，这是它与v-text的区别，这意味着当v-text接受字符串并将其视为字符串时，它将接受字符串并将其呈现为HTML。

简单地说，如果你知道js：