Vue - 处理属性中的非英文字符

问题描述

我有一个托管在 ASP.NET MVC 服务器中的 Vue 应用

在我的一个 Vue 模板中，我有这个代码

<button title="@MyResxFile.Tooltip">
...
</button>

当我使用英语时一切正常
但是每当我将站点语言更改为包含非 ascii 字符的其他语言（例如西班牙语）时，这就是我将鼠标悬停在按钮上时得到的文本

Categoría

（应该是 Categoría）

这种情况只发生在 Vue 模板中，网站中不使用 Vue 的部分不会遇到这个问题。

请指教。

解决方法

您可以使用 v-html (wiki) 指令。如果您有正确的字符集，它应该可以正常工作。但是要小心这个指令。 XSS 攻击可能非常危险。

希望它能解决您的问题。