Vue: Vue (ऑब्जेक्ट) डेटा में नई प्रॉपर्टी कैसे जोड़ें?

को निर्मित 28 जुल॰ 2016 · 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);

बहुत - बहुत धन्यवाद।

स्रोत

wufeng87

सबसे उपयोगी टिप्पणी

धन्यवाद, सेट विधि का उपयोग करके, और यह अब ठीक है।

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

wufeng87 28 जुल॰ 2016

👍28 ❤7 😄3 👎1

सभी 3 टिप्पणियाँ

दस्तावेज़ पढ़ें: Vue.set

fnlctrl 28 जुल॰ 2016

👍20 👎4 😄2

धन्यवाद, सेट विधि का उपयोग करके, और यह अब ठीक है।

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

wufeng87 28 जुल॰ 2016

👍28 ❤7 😄3 👎1

पिछला समाधान मेरे काम नहीं आया (Vue ^ 3.0.0)
अपने आप करूँगा। आशा है कि यह किसी की मदद करता है।

this.$set(this.contacts, newPsgId, newObj)

CHNB128 8 सित॰ 2019

👍10 ❤4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

घटना प्रेषण सही क्रम में नहीं किया गया है?

julianxhokaxhiu · 3टिप्पणियाँ

2.0 ट्री उदाहरण बग

aviggngyv · 3टिप्पणियाँ

प्रोप सत्यापन, सरणी और ऑब्जेक्ट हैश सिंटैक्स का मिश्रण

fergaldoyle · 3टिप्पणियाँ

प्रतिपादन करते समय गैर-मौजूद संपत्ति "बाहरी HTML" तक पहुंचने का प्रयास कर रहा है

finico · 3टिप्पणियाँ

फ़ॉर्म के रीसेट फ़ंक्शन के बारे में

lmnsg · 3टिप्पणियाँ