网站开发与运营案例教程,互联网站建设机构,全国建设市场公共服务网站,抖音小程序开发者平台前端使用框架#xff1a;elementUI
使用组件#xff1a;el-table
在表格内添加合计了合计行#xff0c;根据业务多次调用数据渲染画面后#xff0c;偶然导致画面变成如下图所示#xff0c;table的数据行将合计行遮挡住了#xff0c;且这个现象有时候好用#xff0c;有…前端使用框架elementUI
使用组件el-table
在表格内添加合计了合计行根据业务多次调用数据渲染画面后偶然导致画面变成如下图所示table的数据行将合计行遮挡住了且这个现象有时候好用有时候不好用。 原因由于画面数据多次加载导致表格渲染失败element有个自带加载的方法doLayout使用这个方法即可
这里table只保留了合计行、数据引用、和设置ref
el-table :datatableData show-summary :summary-methodgetSummaries reftabletemplate-- table内容 --/template
/el-tablecreated() {//一顿获取数据
},
updated () {this.$nextTick(() {this.$refs.table.doLayout()})
}, 这样的合计行就不会被遮挡了
