changeLang(e) { this.$changeLang(e); if(e == 'zh'){ //如果是中文:将中文缓存起来,并且赋值给全局的i18n对象的locale。完成切换。 localStorage.setItem('locale', 'zh') this.$i18n.locale = localStorage.getItem('locale') } else { localStorage.setItem('locale', 'en') this.$i18n.locale = localStorage.getItem('locale') } },Vue.prototype.$changeLang = (e) => { i18n.locale = e; if (e == 'zh') { elLocale.use(localeZh) } else { elLocale.use(localeEn) } console.log(App,777) }
时间: 2024-04-20 18:23:08 浏览: 164
App内切换语言
这段代码是一个Vue组件的方法和Vue原型的扩展。`changeLang`方法用来切换语言,它接收一个参数`e`,首先调用了一个名为`$changeLang`的方法,然后根据参数`e`的值判断是切换为中文还是英文。如果是中文,将中文缓存起来,并将其赋值给全局的i18n对象的locale属性,完成语言切换。如果是英文,则将英文缓存起来,并将其赋值给全局的i18n对象的locale属性。`Vue.prototype.$changeLang`是对Vue原型进行扩展,在这个扩展函数中,根据传入的参数`e`,设置i18n的locale属性,并根据语言选择使用不同的本地化组件。最后打印出App和777的日志信息。
阅读全文