Element Plus

网站

再谈Element Plus改变Table选中行背景颜色的简单方法

此前已经用非常简单的方式进行了样式干预实现全局表格选中行的高亮颜色调整，其实还可以进行非常多的操作实现这一目的，下面再分享一种。修改CSS 按如下路径找到table选中行背景色的CSS文件。

node modules > element-plus > theme-chalk >  eltable.css >  el-table

1	node modules > element-plus > theme-chalk > eltable.css > el-table

找到这一句：

--el-table-current-row-bg-color:var(--el-color-primary-light-9);

1	--el-table-current-row-bg-color:var(--el-color-primary-light-9);

可以看到，这里定义了选中行高…

蓝洛水深

2023年4月26日

001.1K0

网站

Element Plus改变Table选中行背景颜色的最简单方法

无论是Element Plus官方还是网络上，其实都给了很多方法，但是实践下来发现不一定能成功，并且具有一定的复杂性，这里分享一种非常简单的方法。比如我们要修改Table选中行背景颜色，只需要再App.vue进行简单修改即可。在onMounted中对颜色进行定义即可全局生效。

onMounted(() => {
    document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

    window.onresize = () => {
        settingsStore.setMode(document.documentElement.clientWidth)
    }
    window.onresize()
})


只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

1

2

3

4

5

6

7

8

9

10

11

12

13

onMounted(() => {

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

window.onresize = () => {

settingsStore.setMode(document.documentElement.clientWidth)

}

window.onresize()

})

只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

至于颜色，这里提…

蓝洛水深

2023年4月25日

009780

2023年再荐7款优秀的前端框架

在开发过程中，无论是专注于前端也好后端也罢，其实都会需要了解和使用前端框架。什么是前端框架？前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集，提供了一系列的UI组件、样式、布局等基础功能，使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。我们为什么需要前端框架？前端UI框架可以大大减少前端开发人员的工…

蓝洛水深

2023年4月12日 • 网站

001.5K0

未分类

Element Plus约束上传文件类型的两种方法

第一种

:ext="['xlsx', 'xls', 'wps']"

1	:ext="['xlsx', 'xls', 'wps']"

这样既可上传指定类型的文件，其他格式的文件会报错。但实际体验不是很好，所以需要和第二种进行配合。第二种

accept=".xlsx,.xls,.wps"

1	accept=".xlsx,.xls,.wps"

这样在弹出的文件选择框内，就只会显示限定的文件类型，在体验上就会好很多。

蓝洛水深

2023年2月28日

026890

网站

Vue+Element Plus 表单数据不显示或显示不全的问题解决记录

在处理这个问题的时候，我一度开始怀疑是不是自己一直以来的赋值方法错了，为什么安卓和PC都能正常显示表单数据，而IOS则不行。如下图所示，IOS端表单中的所有字段都是空的，没有内容。而安卓端和电脑端，则正常。处理过程一、是否真的有值首先想到的是，IOS是否因为某种原因，没有获取到值，在数据接口处打印获取的数据：[crayon-661aff973c90…

蓝洛水深

2023年1月13日

002.2K0