vue中使用vxe-table插件的表格实现最后一行始终为空

需求:vue中引入vxe-table插件实现的表格 需要保持表格最后一行始终为空值

如下


解决思路:深度监视表格数据 当数据发生变化时 判断最后一行数据的每个属性值是否为空或false 如果不为空则给表格数据尾部添加一个同结构属性的空对象;

1.准备表格数据放data里 data


2.深度监视表格数据 watch里  

deep 属性深度监视

immediate 属性是最初绑定值的时候也执行函数


4.方法test判断该对象是否每个值都为空 排除vxe-table插件自动生成的每条数据的"_XID"属性


完。实现始终最后一行为空。

你可能感兴趣的:(vue中使用vxe-table插件的表格实现最后一行始终为空)