随笔分类 -  Element

element el-tree 鼠标悬浮效果
摘要：.el-tree { background-color: transparent; /deep/.el-tree-node__content { &:hover { background-color: #fff; } } } 阅读全文
posted @ 2022-10-25 14:45 胡同树下 阅读(462) 评论(0) 推荐(0)
element-点击表格某一行携带参数跳转到另一个页面-路由携参
摘要：1.应用场景示例 （1）在任务下发界面，点击查看巡检结果，携带tsakId，times跳转到任务结果界面，查询任务对应的任务结果 （2）任务结果页面 2.实现方法及步骤 （1）通过el-table，添加操作列 <el-table-column align="center" fixed="right" 阅读全文
posted @ 2022-09-07 09:48 胡同树下 阅读(2735) 评论(0) 推荐(0)
el-table表头固定不滑动
摘要：1.表格总体需要实现滚动效果，但是表头不会随之滚动 2.实现方式 表格外层盒子高度100%；el-table的高度也为100%，el-table标签中添加 height="100%" <div class="tableD"> <el-table :data="Data" style="width: 阅读全文
posted @ 2022-09-06 09:22 胡同树下 阅读(2293) 评论(0) 推荐(1)
element-el-table、el-pagination，实现自动编号
摘要：1.默认排序 <el-table-column type="index" label="序号" align="center" width="60"> </el-table-column> 2.实际所需排序 <el-table-column type="index" label="序号" align= 阅读全文
posted @ 2022-08-31 09:22 胡同树下 阅读(167) 评论(0) 推荐(0)
element修改el-select选中颜色不生效（类名：.el-select-dropdown__item.selected）
摘要：1.el-select选中默认颜色 2.使用less修改 .el-select-dropdown__item.selected样式 /deep/ .el-select-dropdown__item.selected{ color: #149f97 ; } 3.修改后不生效，给el-select添加属 阅读全文
posted @ 2022-08-29 09:37 胡同树下 阅读(4516) 评论(0) 推荐(0)