如何在 Vue.js 中正确设置 UTF-8?

Question

使用 Vue.js 和 Vue-meta，我在 App.vue 中配置了 utf-8，如下所示：

metaInfo() {
return {
title: 'My',
titleTemplate: '%s | Titulo',
meta: [
{ equiv: 'Content-Type', content: 'text/html; charset=utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }                 
]
}
},

但是不起作用，当我的网页呈现时，没有设置波浪号、重音。 例如，这些符号始终显示 ，而不是 ó。 "Integraci n"。

如何配置此问题？

你能帮我解决这个问题吗？ 谢谢

Answer 1

将charset=utf-8移动到meta数组中它自己的对象中：

metaInfo() {
return {
title: 'My',
titleTemplate: '%s | Titulo',
meta: [
{ charset: 'utf-8' },
{ equiv: 'Content-Type', content: 'text/html' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }                 
]
}
},