vue项目中$t(‘’)
:
vue 项目中 $t('')在html中直接调用这个函数,如{{ $t('common.search') }}。
$t是引入国际化后,挂到了Vue.prototype上的一个方法,接受一个字符串作为参数。
如下图用到的这种格式。
<search-box
:placeholder="$t('common.search')"
:show-action="true"
:action-text="$t('common.search')"
:data="keyword"
:max-length="50"
@search="onSearch"
@clear="onClear"
使用$t(‘’)的前提:
1.需要在main.js中引入vue-i18n
2.浏览器的语言环境不同,相应设置不同的语言配置文件
3.创建不同语言标识对应的文件。
文档里这句建议应该是极其重要的。
像我前前后后删除又重新下载vue-element-admin多次,一直在下载的源代码里面修改增加模块,到头来什么需要什么不需要变得冗余并且复杂,不好管理。
所以应该将这个框架当成一个工具箱,填补在自己本身的项目上。
当然,像我那样在原有项目上修修改改也是有作用的,可以更快地
vue 国际化在弹出框中$t()报错
在做项目的时候基本会用到弹出框,如果你像我这样自己写了一个弹出框就可能会出现国际化的错误
const setDialog = function (component, opts) {
const DialogComponent = Vue.extend(component);
opts = opts || {};
var dialogC...