chenlim87的博客

我们想让switch开关打开的时候只显示未过期。只要修改它的样式就可以达到我们要的效果。其实

select组件明明触发了change事件，验证不通过

从表单新增到表单编辑是没有问题的，但是如果第一次进入页面是先点的编辑表单，然后再去新增表单会触发非空验证

实际项目中后端返回的数据属性可能不是以`label/value`等命名的，这时候数据就渲染不上去。我们需要利用`props`指定选项的值为选项对象的某个属性值。

最近做项目时用到了级联选择器，就出现了这个bug。以前用没有出现过这个情况，不知道和框架有没有关系。框架自带的element版本上2.8.0，我以为是版本问题，升级到最新版本项目直接报错。后来退了一个版本项目可以运行了，但hover时黑色背景依然存在。仔细查看元素后，发现是列表ul中的svg的path出了问题，将其隐藏就好了。

`el-table`默认展示20条数据时，表格高度可能会超出当前页面的高度，此时页面会出现滚动条，我们往下拖动的时候表格下方的数据是可以呈现出来，但表头可能就被页面遮挡住了。那往下拖动时怎么固定住表头呢？Element文档里说了，可以加`height`属性。比如：<el-table :data="tbData" stripe border height="500"></el-table>给`height`一个高度，这样是可以解决表头固定的问题。但是又会出现一.

需求如题，添加CSS样式：::v-deep .el-table__body-wrapper { height: 500px !important; /*给一个固定高度*/ overflow-y: auto; /*y轴溢出显示滚动条*/ &::-webkit-scrollbar { width: 4px; /* y轴滚动条宽度 */ height:4px; /* x轴滚动条宽度 */ background-color: #f5f5f5; /*滚动条背景*

全局添加以下样式：body .el-table th.gutter { display: table-cell !important;}