i18n + vue注意的问题

最新推荐文章于 2023-05-30 13:11:02 发布
最新推荐文章于 2023-05-30 13:11:02 发布
阅读量593 收藏
点赞数
分类专栏： html+js+jquery+css 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sd19871122/article/details/127520409
版权

1.template里需要用$t("xxx")而不是 this.$t("xxx"),否则部分情况找不到$t

2.script 根路径需要使用 $i18n.$t ,不能用this

3.script组件定义可以使用this.$t

飞翔的熊blabla
关注
专栏目录
[中级]Vue+i18n+SpringBoot前后端分离式开发
私信可回答各种问题~
07-31 1508
Vue+i18n+SpringBoot前后端分离式开发
Vue i18n多语言设置(可在js内引用)
Javon_huang的博客
12-30 4921
1.安装依赖包npminstalli18n--save 2.创建一个单独i18n.js,用于创建一个i18n对象，后续整个项目统一使用该对象。 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) let lang = localStorage.lang?localStorage.lang:'zh...
【Vue】使用 vue-i18n 报错问题解决（一）
yqyn6的博客
05-04 6274
解决报错 Uncaught (in promise) SyntaxError: Not available in legacy mode (at message-compiler.esm-bundler.js:54:1) at createCompileError (message-compiler.esm-bundler.js:54:1) at createI18nError (vue-i18n.esm-bundler.js💯1)
vue中的js文件里使用i18n
heidou_3的博客
04-25 480
i18n在js文件中报$t is not a function
Vue.js国际化——i18n的使用
Corn___的博客
08-11 3643
Vue.js国际化——i18n的使用
找不到名称‘$t’
weixin_42568878的博客
03-09 1905
找不到名称'$t'问题描述 问题描述 在vue3+ts+volar的一个项目中引入了vue-i18n，因为vue-i18n会自己全局注册t的函数，但在使用∗∗<scriptsetup>∗∗的时候，会报错，∗∗找不到名称′t的函数，但在使用**<script setup>**的时候，会报错，**找不到名称't的函数，但在使用∗∗<scriptsetup>∗∗的时候，会报错，∗∗找不到名称′t’** 网上尝试搜索了一遍，有建议取消volar插件的，有建议不使用 ...
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
vue-i18n结合Element-ui的配置方法
10-16
对于第二个问题，即Element-ui框架内部提示文字无法更改的问题，需要手动处理vue-i18n@6.x的兼容性问题。文章建议参考Element-ui的官方文档，并按照文档描述的方法来实现Element-ui组件的多语言切换。 为了整合国际...
vue-i18n-Vue.js的国际化插件。-Vue.js开发
05-27
vue.js的vue-i18n国际化插件银牌赞助商铜牌赞助商:loudspeaker:注意vue-i18n很快将转移到合并组织。 面向Vue.js的vue-i18n国际化插件银牌赞助商铜牌赞助商:loudspeaker:注意vue-i18n即将转移到合并组织。 之后，它将...
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18...
vue组件中的国际化i18n在js中使用时未生效的处理
芋头CF的专栏
11-01 7864
转自我的简书：https://www.jianshu.com/p/9e018002976e 在国际化i18n组件使用中，我们之前的用法有点错误，我总结一下哈： 在vue组件的中使用 &lt;template&gt; &lt;div&gt; &lt;div class="page-header-title"&gt;{{$t("m.RegisterTitle[1]")}}&lt...
VUE项目框架在JS文件中使用i18n做国际化
weixin_44190511的博客
01-10 4614
VUE项目框架使用i18n做国际化
vue+element-ui使用vue-i18n进行国际化 js文件单独使用i18n
m0_68792354的博客
05-30 2165
/引入自定义语言配置 import zh from './zh';//语言包定义的位置，前文写在同一文件夹下，可自行修改位置 import en from './en';//引入UI框架语言配置---elementui import locale from 'element-ui/lib/locale';
vue中使用 i18n 遇到的问题
达拉崩巴斑得贝迪卜多比鲁翁_
01-28 7331
一： vue 报错解决：TypeError: Cannot read property ‘_t’ of undefined" 前端报错如下： [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在项目中用了多语言配置，vue 跟 i18n之间的兼容问题。解决方法如下： Vue.use(ViewUI, { i18n: (key, value) => i18n.t(key, value) }
error c3861 :"_T":找不到标识符
weixin_30955617的博客
01-16 146
error c3861 :"_T":找不到标识符 分类：VC2012-06-10 11:056358人阅读评论(0)收藏举报 c 原文地址: http://hi.baidu.com/%CB%B9%B7%D2%BF%CB%CB%B986/blog/item/cfd9613b4dae24e115cecb0e.html 添加 #include <tchar....
vue项目中如何实现国际化
叫我官人
09-06 3447
  一、实现国际   首先，我开发是以 vue 为技术栈，所以如题用的国际化插件是 vue-i18n，附上 github 传送门。 1、我们得先有开发环境，先有项目跑起来，我推荐如果是喜欢用 vue 的小伙伴，可以尝试 vue-cli　官方脚手架。这边有我整理的一个脚手架 demo ，有助于你快速的进行 vue 模块化开发。 2、我们需要安装 vue-i18n, 推荐 npm 包依赖：...
error C3861: “_T”: 找不到标识符
martinkeith的博客
02-05 4517
添加头文件 include <tchar.h>
vue-i18n使用及踩坑记录
weixin_33966365的博客
07-04 3834
使用步骤 1. 安装 npm i vue-i18n 2. vue-cli下使用 //1. 引入 vue-i18n import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) //2. 定义messages const messages = { en: ...
vue-i18n 国际化 element ui实际项目中的整理
lily1324193的博客
05-25 1112
前端国际化文档 一、简介 1、项目中使用的国际化插件----vue-i18n； 2、实现 前端页面的国际化实现，copy一份项目的中文，然后把页面上的中文全部改成英文，创建语言包，element ui组件的国际化已经在项目的配置文件中完成； 通过登陆页面的按钮触发事件的形式，来控制 locale 的值，去调用对应的语言包实现的国际化； 在页面中可通过topMenu的下拉菜单Language切换语言; 3、配置 项目中配置默认为中文，首次进入获取用户缓存的语言进行显示； 根据缓存的语言预测用户的语言
nuxt + vue-i18n 踩坑记录
最新发布
06-02
好的，我知道了，下面是我的回答： 首先，在使用nuxt和vue-i18n时，需要注意以下几点： 1. 在nuxt.config.js中配置vue-i18n： ``` module.exports = { modules: [ 'nuxt-i18n' ], i18n: { locales: [ { code: 'en', file: 'en.js' }, { code: 'zh', file: 'zh.js' } ], defaultLocale: 'en', lazy: true, langDir: 'lang/' } } ``` 2. 在lang文件夹中添加对应的语言文件： en.js： ``` export default { hello: 'Hello' } ``` zh.js： ``` export default { hello: '你好' } ``` 3. 在组件中使用$t方法： ``` <template> <div>{{ $t('hello') }}</div> </template> ``` 以上就是使用nuxt和vue-i18n时需要注意的一些问题，希望对你有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值