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

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:'小王'}])
arr.value=[{name:'小张'}]
//这种方式ui视图会更新

2.使用reactive定义的数组,需要使用数组的push之类的方法进行数组操作,不能直接使用=[…]赋值的方式

let arr=reactive([{name:'小王'}])
arr=[{name:'小张'}]
//这种方式的赋值会导致ui视图的列表没有刷新,但是数据确实是修改了

																				菜鸡程序猿留笔