मैं एक AngularJS ऐप को Vue JS में बदलने की कोशिश कर रहा हूं। हालांकि, मुझे जेएस त्रुटियां मिलती रहती हैं जैसे "अनकॉट टाइप एरर: संपत्ति सेट नहीं कर सकता 'isEditMode' अपरिभाषित"।

मैं यहां जो करने की कोशिश कर रहा हूं वह पृष्ठ को संपादन योग्य बनाता है जब एक vuetify आइकन क्लिक किया जाता है जो बदले में एक फ़ंक्शन को कॉल करता है और कुछ अन्य आइकन प्रदर्शित करता है। मेरे पास वर्तमान में जो कोड है वह इस प्रकार है:

new Vue({
    el: '#app',
    data: {
        saveView: false,
        isPageEdit: false,
        saveFailed: false,
        isPageLocked: false,
        editFailed: false,
        timerMessage: false,
        boundData:
            {
                sections: {
                    isEditMode: null
                }
            }
    },

    methods:
        {
            setedit: function (isEditMode, sectionId) {
                this.boundData.sections[sectionId].isEditMode = isEditMode;
                validation(sectionId);

इसका समाधान कैसे किया जा सकता है?

0
Archit 31 पद 2018, 15:11

2 जवाब

सबसे बढ़िया उत्तर

आपको पहले अनुभागों को वस्तुओं की एक सरणी बनाने की आवश्यकता है। तो आप अपनी संपत्ति को इस तरह एक्सेस कर सकते हैं

तो कुछ इस तरह

sections: [
  {isEditMode: null},
  {isEditMode: true},
]

या यदि आप अपने पास मौजूद वर्तमान डेटा संरचना को बनाए रखना चाहते हैं तो आप सीधे isEditMode तक पहुंच सकते हैं जैसे this.boundData.sections.isEditMode

1
Omar Abdo 31 पद 2018, 15:30

आपकी डेटा संरचना मेल नहीं खाती है कि आप इसे कैसे अनुक्रमित करने का प्रयास कर रहे हैं। आपने परिभाषित किया है

`boundData.sections.isEditMode`

और आप संदर्भ देने की कोशिश कर रहे हैं

`boundData.sections[sectionId].isEditMode`
1
Roy J 31 पद 2018, 15:18