javascript - 如何将 html 字符串代码转换为将出现在前端的实际 html 工作代码？

我正在使用 v-for"item in items" 然后我的 {{ item.data }} 中有值，这是一个 html 元素但已经有值，例如

{{ item.data }} 的值为字符串“<'qr-code value="this has specific infos that has been created for this specific code"'>"

所以当我只用 {{ item.data }} 在我的页面上运行它时，这会出现

<'qr-code value="这具有已为此特定代码创建的特定信息"'>

它打印 html 代码而不运行它。

但是当我尝试复制该代码并将其粘贴到我的 html 中时，它可以工作。这就是我怎样才能把这个字符串代码变成一个实际工作的 HTML 代码我该如何解决这个问题？

标签： javascripthtmlvue.jstemplates

指令 v-html 会将字符串中的内容呈现为纯 HTML，您可以像这个示例一样使用。

<div v-html=“yourVar”&gt;</div>

如果您需要更多信息，这里有更多示例：