1、下载 依赖 npm install vue-i18n@nex 2、在src目录下创建文件夹 创建文件 index.ts 、 zh/index.ts 、en/index.ts // index.ts import { createI18n } from 'vue-i18n' import zh from './zh/index' import en from './en/index' const messages = { en, zh, } console.log('localStorage.g...
然后在main.ts中添加 import i18n from '@/lang' // internationalization app.use(i18n) 在需要使用的文件引入i18n import { useI18n } from 'vue-i18n' const { t } = useI18n() // use as global scope,也可以直接写成useI18n() <template> {{ $t('hello') }} {{ t('hello'...
第一步,安装一个 Vite 下使用<i18n>标签的插件:unplugin-vue-i18n。 然后调整vite.config.js: import { fileURLToPath, URL } from 'node:url'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import VueDevTools from 'vite-plugin-vue-devtools'; import VueI18nPlugi...
接下来要在 main.ts 中注册 import { createApp } from 'vue'import App from'./App.vue'import i18n from'./locales/index'const app=createApp(App) asyncfunctionsetupApp() { app.use(i18n) app.mount('#app') } setupApp() 5、使用 准备工作都完成了,现在就是使用了。 a、在 html 中使用 //...
"vue":"^3.2.31","vue-i18n":"^9.2.0-beta.34", AI代码助手复制代码 安装npm install vue-i18n@next 这样装的最新版的才能在vue3.0使用 1、main.ts import{ createApp }from'vue'importAppfrom'./App.vue'importrouterfrom'./router'import{ setupI18n }from'@/locales/setupI18n';constapp =createAp...
一、安装 vue-i18n npm install vue-i18n@9.1.9 1. 二、语言包 创建src/lang 语言包目录,中文语言包 zh-cn.ts,英文语言包 en.ts,和index.ts // src/lang/en.ts export default { // 路由国际化 route: { dashboard: 'Dashboard', document: 'Document' ...
Vue3 + TS + VueI18n(9.2.0)国际化时,在<script setup>中直接使用t('Common.pleaseChoose')时,发现值为空串的问题
2.在setup中使用 import { useI18n } from 'vue-i18n' const { t } = useI18n() console.log(t('login.useName')) 还有其他的就不展开了 3.切换语言 vue-i18n提供了一个全局变量locale,直接修改即可 <template>English中文</template>import { useI18n } from 'vue-i18n' const { locale } = useI1...
接着就能在vue组件中使用了,使用方式是: import i18n from"./i18n"const setLanguage = (locale:'zh-CN' | 'en-US') =>{// @ts-ignore, 这是官方的错误,本身现在它就是一个ComputedRefImpl类型的参数if(locale !== i18n.global.locale.value){localStorage.setItem("locale",locale)// @ts-ignore...
npm install vue-i18n@next 2. 在Vue3项目中创建i18n实例,并定义语言资源 接下来,你需要在项目中创建一个i18n实例,并定义你的语言资源。通常,你会在src目录下创建一个locales文件夹来存放你的语言文件,并在src目录下创建一个i18n.ts文件来配置i18n实例。 创建语言文件 在src/locales目录下创建两个文件:en.json...