![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
el-ui修改记录
文章平均质量分 54
修改el-ui中碰到的问题
weixin_43939111
这个作者很懒,什么都没留下…
展开
-
js将数字转十进制+十六进制(联动el-ui下拉选择框)
一开始只想到以0x开头来判断十六进制,其实整数也可以看成是十六进制的数,这样就无法判断用户输入的哪个进制:比如将20看成十六进制,十进制转化后为32。用户想输入十六进制数20,按照querySearch内判断条件,却是将20作为十进制转化的,出来组合是:(20,32)。如果按照用户的想法,十六进制数20-----对应----->十进制数14,出来的组合是:(20与14)//如果是整数,辅助转化十六进制,注意必须是number.toString(16)!解析:十六进制数可用0x或0X标识(可写可不写),原创 2023-02-17 10:44:59 · 472 阅读 · 0 评论 -
自定义el-pagination分页
vue项目使用el-ui库,由于原本的el-pagination显示字段和样式无法满足其他项目的设计要求,需要进行改动el-ui官网:改动后:1、创建自定义分页组件selfPagination.vue2、使用自定义分页组件举例tablePage.vue踩坑记录:1、在selfPagination.vue中,原先el-ui分页的“前往x页”要改成“跳至x页”,以及“共xx条”中样式文字的设置,最好在mounted中,预先初始化设置一下,防止接口数据加载前后显示不同。2、在selfPagin原创 2023-01-11 10:14:54 · 1914 阅读 · 0 评论 -
el-table行添加阴影悬浮效果
根据设计要求,需要在el-table每一行获得焦点与鼠标经过时,显示一个整行的阴影悬浮效果原创 2022-11-09 10:20:42 · 2730 阅读 · 0 评论 -
el-form当添加和修改共用一个表单时resetFields()无效
将赋值信息放到nextTick里转载 2021-06-25 10:18:45 · 535 阅读 · 0 评论 -
给el-table-header加右border后出现表头表身错位
设计中要求:表头两边没有边框,只有单元格之间有,于是乎,看官方文档,通过:header-cell-class-name来给非最后一个单元格添加右border,结果表头出现微错位。解决方法:在样式中添加如下css.el-table__body, .el-table__footer, .el-table__header{ table-layout: auto!important;}...原创 2021-05-12 16:11:48 · 417 阅读 · 0 评论 -
el-tree踩坑
复制另一份el-tree,一样的接口一样的数据,tree渲染出了树形结构,但是没有把树节点文字渲染出来,此时要检查你绑定的props字段是否对应: treeProps: { children: 'children', label: 'label' }...原创 2021-05-12 15:27:23 · 239 阅读 · 0 评论 -
el-ui调整:el-button记录
按照官方文档,el-button前置图标只需要加icon属性,然而,我有些按钮的图标在el-icon库中没有,从icon-font官网下载后引入出现各种错位问题,例如:六角螺丝图标与“配置”文字将行高撑大,我的页面一行有多个按钮,结果引入各种图标后一排按钮高的高矮的矮引入的iconfont.css:@font-face { font-family: "iconfont"; /* Project id 2542332 */ src: url('./iconfont.woff2?t=1620788原创 2021-05-12 11:27:55 · 940 阅读 · 0 评论