Vue: كيفية إضافة خاصية جديدة لبيانات vue (كائن)؟

تم إنشاؤها على ٢٨ يوليو ٢٠١٦  ·  3تعليقات  ·  مصدر: vuejs/vue

تظهر بياناتي أدناه

 data: {
                contacts: {
                    "1": {
                        isSelected: false,
                        UID:"1",
                        cardType: 0      
                    },
                    "2": {
                        isSelected: false,
                        UID:"2",
                        cardType: 0    
                    },
                    "3": {
                        isSelected: false,
                        UID:"3",
                        cardType: 0    
                     },
            }
...

يمكنني استخدام هذه الطريقة لإضافة جهة اتصال جديدة ، ولكنها واجهت مشكلة توافق ، لذلك أتساءل هل هناك بعض الطرق الأخرى لإضافة خاصية جديدة إلى الكائن ، أو من الأفضل أن أتغير لاستخدام مصفوفة بدلاً من كائن.
this.contacts = Object.assign({}, this.contacts, newObj);

شكرا جزيلا.

التعليق الأكثر فائدة

شكرًا ، باستخدام طريقة المجموعة ، ولا بأس بذلك الآن.

this.$set('contacts[' + newPsgId + ']', newObj)
Vue.set(this.contacts[newPsgId], 'name', this.editPsgName);  

ال 3 كومينتر

اقرأ المستندات: Vue.set

شكرًا ، باستخدام طريقة المجموعة ، ولا بأس بذلك الآن.

this.$set('contacts[' + newPsgId + ']', newObj)
Vue.set(this.contacts[newPsgId], 'name', this.editPsgName);  

الحل السابق لا يعمل معي (Vue ^ 3.0.0)
أفعل ذلك بنفسي. أمل أن هذا يساعد شخصاما.

this.$set(this.contacts, newPsgId, newObj)
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

paceband picture paceband  ·  3تعليقات

aviggngyv picture aviggngyv  ·  3تعليقات

julianxhokaxhiu picture julianxhokaxhiu  ·  3تعليقات

bdedardel picture bdedardel  ·  3تعليقات

WolfgangFellger picture WolfgangFellger  ·  3تعليقات