如何停止Vue 3中变量的响应性?
P粉545218185
P粉545218185 2023-07-29 09:24:30
0
1
524
<p>我正在使用Nuxt 3,我需要停止响应式常量的响应性。我有一个formData对象,一旦点击提交,我需要从formData对象中删除一些键。</p><p>我已经将formData赋值给另一个变量submitData,然后使用delete submitData.key来删除键,但它同时也从formData中删除了键,而我希望它不会从主要的formData对象中删除。</p>
P粉545218185
P粉545218185

Antworte allen(1)
P粉764836448

你可以创建一个formData的浅拷贝。

const submitData = { ...formData };

或者使用lodash的`cloneDeep`进行深拷贝。

const submitData = _.cloneDeep(formData);

两者都会创建一个具有与原始对象相同的属性和值的新对象。然而,新对象在内存中是一个独立的实体,与原始对象不同。对副本进行的修改不会影响原始的formData对象。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!