修改element中的一些固有文本

news/2024/7/10 0:39:52 标签: 前端, vue, element

问题:

我想修改element Pagination的固有文本
在这里插入图片描述
共xx条修改为=>共xx条数据,但是element文档上没有提供这种功能。

寻找解决办法

查看element源码后了解到其实现请添加图片描述
文本的处理用到了一个t()方法,这个方法没有再这个文件中声明,而是通过Locale混入。
在这里插入图片描述
通过该路径可以找到t方法的声明:
请添加图片描述
可以看到文本的处理依赖于defaultLang,通过引入的路径能够找到它
请添加图片描述
可以看到element是通过这个对象来维护组件中的固定文本的,我们要修改这些文本也可以从这里下手。

解决:

引入element的defaultLang文件,重写我们需要修改的部分,将得到的全新对象塞入element全局配置。
在这里插入图片描述
(注:为方便对象的递归合并操作此处引入了lodash。)
在这里插入图片描述


http://www.niftyadmin.cn/n/1355213.html

相关文章

eclipse 怎么折叠花括号_编程中花括号的简史

我们每天都使用它们,但是代码中的花括号是从哪里来的呢?大括号,那个标志着代码块开始和结束的熟悉符号,什么时候成为编程的一部分?也许更重要的是,代码块何时成为程序结构的一部分?在本文中&…

el-dialog destroy-on-close的坑(关闭弹窗时触发了子组件的mounted)

表现: 设置了destroy-on-close为true的一个el-dialog,在关闭时候,触发了子组件的mounted。 查找原因: 在element的源码中,找到了destroy-on-close的实现原理: 当visible改变为false,即关闭…

git 可视化工具_Git实用教程(二) | Git简介及安装详解

Git实用教程专栏回顾Git实用教程(一) | 为什么需要版本控制?(以嵌入式项目开发为例)1.Git简介Git(官网 https://git-scm.com/)是一个免费开源的分布式版本控制系统,其最初在2005年由…

页面截图导出为PDF,以及PDF强行截断分页问题的处理

页面截图导出为PDF,以及PDF强行截断分页问题的处理 需求 将页面内容截图导出为PDF文件,如果有高度过高的表格或图片,尽量不截断而是放在下一页展示。 思路 1.将需要导出的dom,都用一个特殊的类名标注起来,然后用ht…

如何利用python爬取图片_python爬虫:如何爬取你喜欢的图片

任务目标:1.抓取不同类型的图片2.编写一个GUI界面爬虫程序,打包成exe重新文件3.遇到的难点1.分析如何抓取不同类型的图片首先打开网站,可以看到有如下6个类型的菜单在这里插入图片描述点击不同菜单,发现URL显示如下大胸妹&#xf…

sentry上传source-map

没有上传时 哨兵已经能告诉我们报错了 不过报错信息价值不大,因为混淆之后的代码对人类阅读毫无友好可言。所以我们如果要定位到问题所在还需要上传map文件。 上传的步骤 1.获取一个Token 可以按照下图的步骤查找已有的token或是新建一个。 #注意!&…

零售连锁管理软件_.com 2.0时代,零售商的“新生门”!

本文作者:龙双强零售商业评论 创始人核心导读:人、货、场的边界在溶解,从割裂走向融合。“人”的数字化,让一切交易变得可溯——这是这场变革的起点和动力。.com 1.0是基于PC端以官网、商城为主的模式,.com 2.0则代表形…

vue2+webpack to vue2+vite改造记录

开个头 vite跑一个项目的确要快得多,不过因为是新玩意儿,打包的时候还是webpack比较稳妥,现在vite只用在开发环境用以提高开发效率。 下面我会记录我将一个vue2工程移植到vite并兼容webpack打包功能的全过程。 第一步:想办法白嫖…