【无标题】vue使用i18n设置国家化在字符串中加入变量的方法

最新推荐文章于 2025-08-19 11:28:34 发布

原创最新推荐文章于 2025-08-19 11:28:34 发布 · 993 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js

比如设置一个cn的： 我的名字是{msg}
然后调用的时候就直接

{{ $t('common.clq.name',{msg: '哈哈'}) }}

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JUEESSS

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue-i18n国际化不能使用函数变量

玛已的小空间

09-26

1157

Vue-i18n国际化不能使用函数变量的排查过程

uni-app - - - - -vue3使用i18n配置国际化语言

Dark_programmer的博客

09-25

1405

uni-app - - - - -vue3使用i18n配置国际化语言

1 条评论您还未登录，请先登录后发表或查看评论

vue中变量和字符串拼接

程序员青戈

03-10

1万+

vue字符串和变量拼接

vue-i18n插入变量，HTML等

qq_44869043的博客

12-23

4265

【代码】vue-i18n插入变量，HTML等。

Vue项目中使用国际化i18n

weixin_42458616的博客

01-13

881

Vue项目中使用国际化1.首先下载 npm i vue-i18n2.准备i18n.js文件用来配置国际化相关代码3.准备多种语言对应的js文件，例如这里用zh.js(中文) en.js(英文)4.最后导入到main.js,挂载到Vue对象中5.在Vue文件中使用国际化6.只需要通过切换本地缓存的local值就可以实现国际化的切换（效果展示） 1.首先下载 npm i vue-i18n "vue-i18n": "^8.16.0", 2.准备i18n.js文件用来配置国际化相关代码 import Vue fr

Vue中字符串拼接变量

爱草莓的番茄酱的博客

07-22

1万+

1.标签属性label中字符串拼接变量 <el-dialog :title="`查看纪要文件-${this.meetingDetail.title}`" :visible.sync="isShowSummaryDlg.showSummary"> 2.方法中字符串拼接变量 methods: { showMsg() { alert(`查看纪要文件-${this.meetingDetail.title}`); } } ...

精选资源

locize-vue-i18n-example:在vue-i18n中使用locize的示例

05-12

这是将locize与vue-i18n结合使用的基本示例，并随附：无上下文编辑器从locize CDN加载翻译检测用户语言自动将新的缺少的字符串添加到您的翻译项目中入门只需在浏览器中打开index.html 打开index....

vue i18n 国际化拼接字符串

08-27

在 Vue 的 i18n 国际化中，拼接字符串可以使用两种方法： 1. 使用插值方式：可以在需要拼接的字符串中使用插值表达式，将要拼接的变量放在双花括号内，如下所示： ```javascript {{ $t('message.hello') }} {{ ...

vue中使用 i18n 遇到的问题

达拉崩巴斑得贝迪卜多比鲁翁_

01-28

7676

一： 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) }

前端国际化(i18n)解决方案深度比较

热门推荐

pon的博客

04-01

2万+

模板字符串（template string）是增强版的字符串，用反引号（``）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。变量的获取方式是${varName}，使得字符串模板定义简单化常用字符串拼接变量的用法： let hello='hello' let world= hello + ' world!'; console.log(world); 模板字符串......

Vue中使用ES6 模板字符串 `${}` 实现变量和字符串的拼接

Ethereal的博客

08-15

2612

Vue中使用ES6 模板字符串 `${}` 实现变量和字符串的拼接。模板字符串相当于加强版的字符串，用反引号 `` 标识，除了作为普通字符串，还可以在字符串中加入变量和表达式。

vue 中属性值上变量和字符串怎么拼接

曈欣的博客

09-19

1628

在Vue 3中，可以使用模板字面量（template literals）或者表达式绑定（directives）来实现属性值上变量和字符串的拼接。的值将会是拼接后的字符串，例如。1.使用模板字面量（反引号。2.使用表达式绑定（使用。例如，假设你有一个变量。

Vue3使 I18n 的配置格式化用法教程详解

qq_38682174的博客

06-06

1121

在vue3项目中使用 i18n 国际化，从安装到多种使用场景

国际化 -- Vue -- 特殊情况时将国际化内容以变量的形式写在data里

支棱起来

12-10

2254

jsp <template id="aclome-cron-form"> </template> js 中找到 aclome-cron-form 对应的代码块其中 localeStr 为一个全局变量，可以直接用 data:function(){ return { ReportTrans:{ 'zh_CN':{ 'frequen...

Vue i18n国际化传入变量实现

qq_30193097的博客

12-08

2835

【代码】Vue i18n国际化传入变量实现。

vue 中插入变量值的方法：${} 与 {{}}

weixin_43336415的博客

08-24

1万+

最近刚开始接触学习 vue 前端框架，发现代码中有两种写法能够把变量引入字符串中：${var} 与 {{var}}。简单查了一下，发现 ${var} 是与 `` 搭配使用的，是 js 的语法特性。{{var}} 是 vue 的语法特性，能够在 html 元素中插入组件属性。下面简单介绍一下 `` ：js 中的模板字符串（又叫模板字面量），支持字符串换行，以及和 ${} 搭配使用使得变量的值插入...