gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 20:54:42 25 4
gpt4 key购买 nike

我正在使用 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>

如果您需要更多信息,请查看更多示例:

https://nexladder.com/vuejs-tutorial/vuejs-v-html-directive

关于javascript - 如何将html字符串代码转换为将出现在前端的实际html工作代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61515811/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com