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视图的列表没有刷新,但是数据确实是修改了
菜鸡程序猿留笔