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

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

如下


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

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


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

deep 属性深度监视

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


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


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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容