需求分析
根据最近产品的需求,需要对于elementUI一些组件的固定文本进行修改,比如日历中的月份文本,分页器的文本描述,
类似于将:
修改为:
还有分页时:
改为:
寻找源文件
翻了一下官方的文档,发现并没有能够直接修改组件文本的api,于是直接点开node_modules找到源文件:
可以看到,这里的文本是通过调用t来进行渲染的,于是找到t是哪里声明的:
根据引用路径,最终找到locale文件:
可以看到里面包含了各种语言的js文件,找到中文的
可以看到,里面的固定文本都是在这个文件进行调用的。
最终处理
于是,找到了源头,开始我们的修改:
引入element的zh-CN文件,写下我们需要修改的部分(注:为方便对象的递归合并操作此处引入了lodash)
然后在main.js进行一个合并进全局的配置:
如果elementUI是通过官方自动按需分配引入的,则不能在main.js中配置,需要到plugins/element.js进行修改: