Element-UI使用中的问题记录
一、Table 表格
- 单列的表头和内容居中
<el-table-column prop="name" label="权限" align="center" />
- 表格的所有表头居中
<el-table :data="tableData" style="width: 100%" empty-text="暂无数据" :header-cell-style="{ 'text-align': 'center' }" > <el-table-column prop="name" label="权限" /> </el-table>
- 表格单元格内容居中
<el-table :data="tableData" style="width: 100%" :cell-style="{ 'text-align': 'center' }" > <el-table-column prop="name" label="权限" /> </el-table>
二、Form 表单
> [表单label两端对齐](https://blog.csdn.net/lm13532007498/article/details/124886000)
三、修改elementUI-plus样式
想改变下面item高度时候 :deep不生效
// 这样生效了,但是也全局el-dropdown-item高度都变了
.info {
:global(.el-dropdown-menu__item) {
line-height: 36px !important;
padding: 6px 22px;
}
}
关于vue3 :deep()不生效的问题 :
如果父组件和子组件都有多个根,会导致穿透失败,解决方案是给父或子组件添加根元素