vue3中el-input输入无效的原因之一:reactive赋值响应式问题

本文探讨了Vue3中el-input输入无效的问题,特别是当使用reactive进行数据赋值时的响应性挑战。通过对比错误和正确的赋值方式,指导开发者如何避免破坏响应性,并提供了Object.assign()的使用注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表单的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值