Vue.js国际化中的几个小问题

本文详细介绍了如何在Vue.js项目中实现国际化,包括在HTML标签、属性及JavaScript代码中使用$ t方法来引用已定义的语言包内容,并强调了在不同场景下字符串引用的注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用vue.js实现国际化的时候,不同的地方放置文本内容,展示的格式不同。

1:在html标签中:{{$t("在js文件中配置的相应名字")}},第一次写的时候,用单引号,没有显示。后来看网上都用双引号,改双引号就显示了。但是刚才又回去试了下代码,单引号也没问题(满脸懵*)。

{{$t("title.partner")}}

2:在html标签的属性上:比如input标签的placeholder,:placeholder="$t('在js文件中配置的相应名字')",属性名前面一定要加冒号;去掉两个大括号;注意引号的嵌套,所以不能用两个单引号或两个双引号,如果内部用了单引号,外部就用双引号,反之亦然。

:placeholder="$t('messages.name')"

3:在JavaScript代码上:this.$t('在js文件中配置的相应名字'),和在html标签属性上的类似,只是外面多一个this。

this.$alert(this.$t("messages.rightEmail"));
在页面的弹出框上使用的格式。
注意:不要放在引号内,js会直接显示引号的内容

msg: this.$t('title.building'),






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值