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...
npm install vue-i18n@next 2. 在Vue3项目中创建i18n实例,并定义语言资源 接下来,你需要在项目中创建一个i18n实例,并定义你的语言资源。通常,你会在src目录下创建一个locales文件夹来存放你的语言文件,并在src目录下创建一个i18n.ts文件来配置i18n实例。 创建语言文件 在src/locales目录下创建两个文件:en.json...
npm install vue-i18n # 如果发生Conflicting peer dependency,则npm install vue-i18n --legacy-peer-deps 2 创建文件lang 包括文件index.ts、zh.ts其他语言ts可自行创建 index.ts import { createI18n } from 'vue-i18n' import zh from './zh' const i18n = createI18n({ allowComposition: true, ...
主要分以下几步： 第一步，ts 生成 js 文件。 先安装ts： npm install -g typescript 检测安装成...
1、安装i18n: npm install vue-i18n@next 2、main.ts 引入: import { createApp }from'vue'; import Appfrom'./App.vue'; import routerfrom'./router'; import storefrom'./store'; import ElementPlusfrom'element-plus'; import'element-plus/lib/theme-chalk/index.css'; ...
export default i18n 使用方法1:template标签中直接使用$t <acCell :name="$t('GroupAnnouncement')" color='' :val="$t('AnnouncementContent')" /> 使用方法2:ts与js混合,js文件中 import VueI18n from "@/plugins/i18n"; Toast(VueI18n.global.t('upload4Files')) ...
首先 创建i18n文件 /lang/index.ts import{createI18n}from"vue-i18n";importcnfrom'@/lang/cn'importenfrom'@/lang/en'consti18n=createI18n({locale:'en',globalInjection:true,messages:{en:en,cn:cn}})exportdefaulti18n 然后 在main.ts中引入
首先安装库: vite.config.ts 配置: src 目录新增 i18n文件夹,i18n文件夹下新建 index.ts文件和 locales 文件夹 locales 文...
最近vue项目遇到需求,将项目全局国际化,要求中、英、日三种语言自由切换,在这里记录一下vue-i18n国际化语言包处理插件的使用,具体可参考:vue-i18n官方文档。 1. 安装 npm install vue-i18n --save 1. 2. 配置 src目录下新建i18n目录,en.js英文语言包,zh.js中文语言包,ja.js日文语言包。具体配置如下...
import { useI18n } from 'vue-i18n'; const { t } = useI18n(); 会在非组件情况下报错: 此时我们需要将上述导入方式改为: import i18n from '@/lang/i18n';//@/lang/i18n为语言包位置 const { t } = i18n.global;