Nuxt.js 获取浏览器语言:快速实现多语言网站
可以使用 Nuxt.js 提供的插件来获取浏览器语言。首先,在 plugins 文件夹中创建一个插件文件 language.js,并在其中编写以下代码:
export default ({ app }) => {
// 获取浏览器语言
const language = window.navigator.language || window.navigator.userLanguage;
// 将语言设置到 Nuxt.js 的 $language 属性中
app.$language = language;
};
然后,在 nuxt.config.js 文件中注册该插件:
plugins: [
{ src: '~/plugins/language.js' }
],
现在,你可以在页面中使用 this.$language 来获取浏览器语言了。例如,在页面的 created 钩子中可以这样使用:
export default {
created() {
console.log(this.$language);
}
}
原文地址: https://www.cveoy.top/t/topic/lYYH 著作权归作者所有。请勿转载和采集!