// vue3中: import { useI18n } from 'vue-i18n'; // 解构出t方法 const { t } = useI18n(); const onclick = () => { selectOptions.push({ label: this.$t('views.Index.136758-1'), value: '' }); }; ... 7、切换语言 切换语言,需要修改如下代码中的 locale 的值 const i18n ...
npm install vue-i18n@next OR yarn add vue-i18n@next PS:我的版本是 9.1.6 二、使用 1.在src目录新建language文件夹 (如下图) PS:此处我用的 TS 如果没有安装 TS 的可以使用 JS 2.在language文件夹下新建index.tsen-US.tszh-CN.ts三个文件 //en-US.ts export default { // 名称 'name': 'pen...
import {computed,reactive,toRefs}from"vue";//导入vue需要使用的组件import {useI18n}from"vue-i18n";//导入并使用exportdefault{ setup() {conststate =reactive({ locale :'zh'})const{t, locale} =useI18n({//方法三:传入messages对象, 里面分别是需要被安排的文字. "zh" - 中文, "en" - 英文, ...
// 国际化 import { useI18n } from 'vue-i18n' const I18n = useI18n() const { locale } = useI18n() console.warn('locale' , locale.value) // 可以拿到我们当前设置的默认语言,切换语言更改locale.value的值即可, // 但要跟你index.js中message设置的值一致! 要更改的值设置 例如: div class...
//i18n-setup.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import messages from '@/lang' // 语言包的地址，随项目本身设置修改import axios from 'axios' // 根据项目中使用api请求模块去设置，不一定是axiosVue.use(VueI18n)export const i18n = new VueI18n({ locale: 'en', // set ...
const i18n=newVueI18n({// 创建带有选项的 VueI18n 实例locale: DEFAULT_LANG,// 语言标识,在这里默认为en,即为英文messages : locales// 语言包,上边创建的json文件})export const setup= lang =>{//切换语言的函数,lang为语言标识,en或者zh// 在此判断lang的值,如果未定义,则让lang默认为DEFAULT_LANG,...
import{useI18n}from'vue-i18n';exportdefault{setup(){const{t,locale}=useI18n();return{t,locale};}}; 在本例中,我们从 vue-i18n 中导入 useI18n 函数,并在 Vue 组件的设置函数中调用它。这样,我们就可以访问 t 翻译函数和 locale 属性,然后就可以在模板或组件的其他部分中使用它们了。
vue-i18n是⼀个vue插件，主要作⽤就是让项⽬⽀持国际化多语⾔。⾸先我们引⼊这个插件：import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)这⾥注意的就是vue插件的使⽤⽅法，通过全局⽅法Vue.use()使⽤插件。插件通常会为 Vue 添加全局功能。插件的范围没有限制——...
所以对Vue3 ts自学写的模板项目vue3.0 Composition API 上手初体验 神奇的 setup 函数 (一) 响应...
setup() { const { locale } = useI18n(); // 通过locale.value切换 const changeLang = (val) =>{ locale.value = val.value; } return { changeLang } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. // 在标签中使用 通过 $t() 或者 t() ...