मेरे पास टेम्पलेट में एक बटन है, अगर मैं उस पर क्लिक करता हूं तो उसे सभी सक्रिय मानों की जांच करनी चाहिए।

यदि कोई मान सत्य पाया जाता है, तो उसे असत्य में बदल देना चाहिए।

मेरी Vue स्क्रिप्ट इस तरह दिखती है:

data: function() {
  return {
    rates: {
       a: {
           x: [40, 60],
           isActive: false
       },
       b: {
           x: [66, 76],
           isActive: false
       },
       c: {
           x: [76, 108],
           isActive: false
       }
    }
  }
},
methods: {
  changeToFalse() {
     // This is method
  }
}

मेरा टेम्पलेट इस तरह दिखता है:

<template>
  <div>
    <button @onclick="changeToFalse()"> Click Me </button>
  </div>
</template>

नोट: सब कुछ changeToFalse() मेथड में होना चाहिए, जिसे मैंने यह भी बनाया है कि लूपिंग इस मेथड में ही होनी चाहिए।

धन्यवाद :)

1
welcomegkm 10 सितंबर 2020, 12:36

1 उत्तर

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

आप बस इसे अपने कोड में अपनी विधि() . में जोड़ सकते हैं

changeToFalse() {
     // This is method
       for(let active in this.rates) {
          if(this.rates[active].isActive == true) {
                this.rates[active].isActive = false
             }
         console.log(this.rates[active].isActive)
     }
  }
1
Fawad 10 सितंबर 2020, 13:05