【发布时间】:2022-02-10 14:33:01
【问题描述】:
要求: 通过 vuejs 中的 v-html 属性来解码 utf8 K& #2446;Ler 的数据
问题: 不知道如何将 displayFullUserName 传递给具有 Armin K& #2446;Ler 值的数据工具提示,以便在灰色布局中反映 Armin Koler。
发现 下图显示了乱码数据 KLer,因为它不是由 v-html 呈现的。 我有一个数据工具提示属性,它在工具提示视图上显示为 grey。 现在,我不知道如何解决这个问题,因为上面呈现的实际文本是由 v-html 标记。
<label
v-bind:data-tooltip="displayFullUserName"
v-html="displayFullUserName"
/>
computed() {
return this.displayFullUserName;
}
【问题讨论】:
-
一种方式就像
htmlEntity2utf8(s) { const t= document.createElement('span'); t.innerHTML = s; return t.textContent }不确定是否有更现代的方式来进行这种常见的转换 -
正确的解决方案是一开始就不对其进行 HTML 编码。
-
我是从 api 获取的,忍不住@gre_gor
-
而
K& #2446;Ler不会产生“Köler”。应该是K&#246;ler。 -
@Bravo 感谢您的解决方案有效。把你的解决方案放在答案中
标签: javascript html vue.js utf-8