摘要: 效果如图 第一步 el-table标签加两个属性 show-summary //显示底部栏 :summary-method="getSummaries" // 自定义底部栏数据方法 然后自定义方法 主要是 return sums是显示底部的数组里面对应列表底部的每一列 getSummaries(pa 阅读全文
posted @ 2021-10-22 16:20 巨菜的小鸟 阅读(2371) 评论(0) 推荐(0) 编辑
摘要: 效果图如下 通过slot-scope="scope" 与v-if搭配data数据传过来的值显示不同按钮 <template slot-scope="scope"> <el-button type="text" class="btn_green" v-if="scope.row.jjjj==0" @c 阅读全文
posted @ 2021-10-22 14:58 巨菜的小鸟 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 效果图如下单选切换,绑定数据 通过 slot-scope="scope" 绑定 传过来的bbbb实现数据绑定切换 可以打印scope.row会发现是 el-table 的 :data 绑定的数组 <el-table-column prop="bbbb" fixed="right" width="15 阅读全文
posted @ 2021-10-22 14:49 巨菜的小鸟 阅读(1456) 评论(0) 推荐(0) 编辑
摘要: 直接加 !important 无效 但是 /deep/ 就OK了 /deep/ .el-dialog{ height: 3.22917rem ; } 阅读全文
posted @ 2021-10-22 14:38 巨菜的小鸟 阅读(1641) 评论(0) 推荐(0) 编辑
摘要: 强制修改 第二个是子弹框类的样式没有加 !important 但实现了效果 .el-table__body tr.hover-row > td.el-table__cell,.el-table--enable-row-hover .el-table__body tr:hover>td{ backgr 阅读全文
posted @ 2021-10-22 14:35 巨菜的小鸟 阅读(256) 评论(0) 推荐(0) 编辑
摘要: <div class="header"> <el-button type="primary" :plain='this.A' @click="()=>{this.tableData=this.tableData1;this.A=false;this.B=this.C=this.D=true}" >政 阅读全文
posted @ 2021-10-22 14:32 巨菜的小鸟 阅读(3335) 评论(0) 推荐(0) 编辑