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:'小王'}]

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

被折叠的 条评论
为什么被折叠?



