表单的model用的是:reactive
let updateForm = reactive({ id: 0, className: "" });
reactive的数据不能这么赋值,会破坏响应性
错误方法(){
updateForm = { id: 0, className: "asdasdas" };
}
解决方法(){
1、updateForm = reactive({ id: 0, className: "asdasdas" });
2、 updateForm.id = 0; updateForm.className = "asdasdas";
}
还有个 Object.assign() ,浅复制。有个问题是,假如你想把className去掉,但是此时他可能只会赋值为undifind,所以你要确定使用的值是没问题的
今2024-8-7临时记录,急着下班,先记录一下,晚点我记录这部分在我的url保存的文档之后我就干掉
Object.assign无法清空reactive_已解决_博问_博客园
https://blog.51cto.com/lenglingx/10245533
https://juejin.cn/post/7169482577537925151
【vue3】优雅的解决reactive()响应式对象初始化重新赋值问题_vue3 reactive重新赋值-CSDN博客
vue3使用reactive包裹数组正确赋值问题_vue.js_脚本之家
https://www.cnblogs.com/goloving/p/15437343.html
下面这个是::ref 属性的冲突
https://www.cnblogs.com/goloving/p/15468363.html