在使用i18n和Nuxt时设置语言属性？

村村番长2020-03-27

使用Nuxt，您可以在nuxt.config.js文件中设置language HTML属性，如下所示：

module.exports = {
  head: {
    htmlAttrs: {
      lang: 'en-GB',
},
... etc etc

但是，如果您有多语言应用程序该怎么办？有什么方法可以根据语言环境设置语言属性？

我认为这可能document.documentElement.setSttribute('lang', 'language-code')会起作用，但是由于nuxt是在服务器端呈现的，因此似乎无法访问documentElement对象。

谢谢

乐2020/03/27 20:17:55

也许我来晚了，但是就像您中的这段代码一样简单layouts/default.vue：

export default {
    // other code...
    head() {
        return {
            htmlAttrs: {
                lang: this.$i18n.locale
            }
        }
    },
    // other code...
}

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer