如何使用数据库中的数据解析&amp to & in vue

mnemlml8  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(126)

我遇到了一个问题,我的数据库中的数据存储为你最喜欢的Play & Earn Mechanic是什么?
当我在Frontend Vue应用程序上显示它时,它会显示**&amp**...我如何才能使它显示为**&**

kiayqfof

kiayqfof1#

您是如何插入内容的?
如果您从API/DB获取html编码的内容,则需要首先通过v-html指令注入html。
例如,有一个字符串:

"Im a Html Encoded <b>string</b> &amp; I want to be displayed"

你可以这样在html中传递它:

{{ "Im a Html Encoded <b>string</b> &amp; I want to be displayed" }}

它将在您阅读时显示在此处。
但如果你这样做:

<span v-html="'Im a Html Encoded <b>string</b> &amp; I want to be displayed'"></span>

它显示正确。请在此处查看:https://vuejs.org/guide/essentials/template-syntax.html#raw-html
另外,请阅读安全警告-如果您允许HTML,则容易受到XSS的攻击

相关问题