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

来源:互联网 发布:画设计图用什么软件 编辑:程序博客网 时间:2024/06/05 09:29

使用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'),