el-table
前端攻程狮
这个作者很懒,什么都没留下…
展开
-
解决element分页激活后,页码没有发生变化(失效)的问题
当我们使用element分页时,如果只给了total时,我们就会引用如下代码: <el-pagination layout="prev, pager, next" :total="50"> </el-pagination>给了总数会自动计算出页码数,但实际上,比如你点击了第二页,页码还是在第一页的情况.解决办法this.$nextTick(() =>{ this.$refs.pagination.internalCurrentPage=1;原创 2021-10-09 09:26:35 · 2030 阅读 · 0 评论 -
element表格点击某一行改变行背景颜色
表格<el-table:data="data" :row-class-name="tableRowClassName" //设置类 :row-style="selectedstyle" //设置行的样式 @row-click="rowClick" //点击></el-table>data() { return { data:[], getIndex:"", }},methods: { selectedstyle ({r原创 2021-07-28 09:27:14 · 1068 阅读 · 0 评论 -
el-table展开行 +懒加载 实现内部表格嵌套
在开发过程中需要在表格展开行中再嵌套一个表格,当element自带的组件满足不了(外层表格数据和内层表数据由两个接口提供),需要用类似懒加载的功能实现,所以选择采用展开行 + expand-change事件来实现。实现中遇到的问题通过展开行+ expand-change实现时,遇到一个很大的问题,就是el-table组件在更新数据内部某个属性值时,并不能实时刷新dom视图,这样会导致每次在expand-change事件中获取到内层表格数据后,给父层数据中添加属性时视图并未刷新。解决方法需要.原创 2021-04-24 11:25:24 · 3302 阅读 · 7 评论