0%

element-ui中el-table组件重渲染问题

在使用element-ui中的 <el-table>组件时,由于element-ui本质上是基于Vue实现的一套组件库,因此对于<el-table>组件,可以直接使用其封装好的方法对data进行数据绑定,并通过prop传入其子组件,对data对象中的属性进行实时渲染,但是事实上,在需要重新渲染的场合,只有在对data对象整体赋值的时候,组件才会重新渲染,如果仅改变对象中的一部分属性时,是不会重新渲染的,这点在官方文档中并未提及,算是一个小坑吧。

一个比较简单粗暴的办法就是声明一个新的对象,将最终的结果(包括变动的部分和未变动的部分)赋值到这个新对象中,在将这个新的对象整体赋值给data对象即可。

-------------本文结束感谢您的阅读-------------