如何在第二次单击vuejs时保留对象的属性？

问题描述

我有一个大对象，它包含VueJS中的模块->类别-> n级子类别。问题是每当我单击类别（包含子类别）时，单击其他类别，然后单击同一类别，它的子类别会自动删除。

对于解决方案，我进行了转换

1. 让newObj = this.list.Modules [this.selectedModuleIndex] .Category;
2. 让newObj = JSON.parse（JSON.stringify（this.list.Modules [this.selectedModuleIndex] .Category）））;或
3. 让newObj = Object.assign（{}，this.list.Modules [this.selectedModuleIndex] .Category）

然后 this.formData = newObj;

通过执行此（2,3），子类别将保留在第二次单击上。 但是由于我仅分配引用，因此我对this.formData执行的CRUD操作不会反映在this.list上。由于它是复杂的n级结构，因此无法跟踪特定类别的每个CRUD操作。因此，在this.list上进行了大规模更新。

到目前为止，我无法选择任何一个选项，

• 通过引用传递，2,3 解决了子类别删除问题，但不会反映出对formData的this.list CRUD操作的更改。
• 像1那样直接传递将删除子类别，但反映对formData的this.list CRUD操作所做的更改。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）