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

vue.js Vue.js

村村番长

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对象。

谢谢

第3814篇《在使用i18n和Nuxt时设置语言属性？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
乐 2020.03.27

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android