我正在使用 v-for“item in items” 然后我的 {{ item.data }} 中有值，它是一个 html 元素，但已经有一个值，例如
{{ item.data }} 具有一个字符串值“<'qr-code value="this has certain infos that is already Created for this certain code"'>"
因此，当我仅使用 {{ item.data }} 在我的页面上运行它时，就会显示该内容
<'qr-code value="此具有已为此特定代码创建的特定信息"'>
它打印 html 代码但不运行它。
但是当我尝试复制该代码并将其粘贴到我的 html 中时，它起作用了。 这只是我如何将这个字符串代码变成实际工作的 HTML 代码 我该如何解决这个问题？
最佳答案
指令 v-html 会将字符串中的内容呈现为纯 HTML，您可以像这个示例一样使用。
<div v-html=“yourVar”></div>
如果您需要更多信息，请查看更多示例:
关于javascript - 如何将html字符串代码转换为将出现在前端的实际html工作代码？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61515811/