2023年12月3日发(作者:老电脑有2g必要升级4g内存吗)
el-tablestripe双重表格时,斑马纹颜色错乱在开发过程中遇到了这样一个问题,给表格组件加上了斑马纹,初看显示正常,但是但点击,斑马纹中的单元格,弹出另一个表格的时候发现界面效果变的很奇怪,如草图正常显示效果,应为弹窗内表格亦是斑马纹,但是现在单击深色那一行出现的全部变成了同一个颜色,外层底色为白色的弹窗内表格显示正常。遇到这个一时之间还没想到是为啥会出现这种状态然后就开始看css样式,乍一看还挺正常,隔行存在一个–striped class继续往外层走 发现是因为外层表格的 tr 也带了–striped class,即使弹窗内表格 tr没有–striped class 由于继承的原因,依旧受其影响解决的想法,修改外层tr的classNamethis.$nextTick(()=>{//解决弹窗内表格受外层表格斑马纹影响 if(mentsByClassName('el-table__row current-row el-table__row--striped').length!=0){ mentsByClassName('el-table__row current-row el-table__row--striped')[0].className='el-table__row current-row ' }})问题就解决啦
发布者:admin,转转请注明出处:http://www.yc00.com/num/1701543154a1112304.html
评论列表(0条)