# vue3+ts+antdv 自定义列-table刷新异常问题

本文记录了在Vue3+TS+Antdv项目中实现自定义列表项时遇到的table刷新异常问题。通过对比ref与reactive定义的数据更新方式,分析了直接赋值与数组操作方法对UI刷新的影响。

vue3+ts+antdv 自定义列-table刷新异常问题

记录近期开发过程中遇到的个问题

实现列表自定义项

在设置table的column的时候用了reactive定义了双向数据,
1.拷贝了一份完整的column列-templateColumn
2.在column,templateColumn中增加了hide属性,
3,根据事件将templateColumn中的hide改成了true,
4.将templateColumn进行过滤出hide为false的数据更新给列表绑定的column

但是在赋值的时候,却是直接将copy出来的列直接进行了赋值,导致双向数据未响应

备注:
1.使用ref定义的数组可以直接 arr.value=newArr的方式进行赋值,并且会触发试图的刷新

let arr=ref([{
   
   name:'小王'}]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个不想秃头的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值