3、 en/index.ts //en/index.tsexportdefault{'result.success.title': 'Submission Success','result.success.description':'The submission results page is used to feed back the results of a series of operational tasks
vue3+TS【实战】国际化 Vue-i18n 安装依赖 npm install vue-i18n@next 1. 初始化(含自定义语言包) 新建src/language/index.ts import { createI18n } from 'vue-i18n' // 导入自定义的语言包 -- 英文和中文 import en from './en' import zh from './zh' export const i18n = createI18n({ // ...
// 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 ...
EN主要分以下几步： 第一步，ts 生成 js 文件。 先安装ts： npm install -g typescript 检测安装...
index.ts import { createI18n } from 'vue-i18n' import zh from './zh' const i18n = createI18n({ allowComposition: true, // you need to specify that! locale: 'zh', messages: { zh: zh } }) export default i18n 然后在main.ts中添加 import i18n from '@/lang' // inter...
这里我们可以更新vite.config.ts 代码语言:txt AI代码解释 server: { host: '0.0.0.0', port: 5800, //设置服务启动端口号,是一个可选项,不要设置为本机的端口号,可能会发生冲突 open: true, //是否自动打开浏览器,可选项 } 这时终端就会更新为 ...
c、在 locales 下创建 index.ts 文件 对应目录结构如图: 这里因为只要中英切换,所以文件结构比较简单(语言多的会单独建个 language 文件夹存放语言配置文件) 3、编辑语言配置文件 这里做一个简单的配置 zh-cn.ts 的配置 exportdefault{ common:{ more:'查看更多'}, ...
使用Vite 创建一个 Vue 工程,我选择的vue-ts模版 yarn create vite ✔ Project name: … vue-i18n-practice ✔ Select a framework: › vue ✔ Select a variant: › vue-ts 🔗 可查看 commit:https://github.com/xiaoluobod... 在vite 中配置 vue-i18n ...
然后再main.js或main.ts里添加引用,把插件装载到Vue里,如果文件在src下,最好使用@配置引用地址 加载配置 切换语言直接修改locale值即可: this.$i18n.locale="你定义的对应key"//如en-US,zh-CN 动态加载 在执行完后台接口取到了文件名后,把文件引入到项目,并赋值给I18N ...
1. 使用lang/index.ts import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n); const i18n = new VueI18n({ locale:'zh', messages:{ en:{ loginText:"login", switchText:"change" }, zh:{ loginText:"登录", switchText:"切换" ...