Vue: जब आप पहले नष्ट करने में प्रोप बदलते हैं तो Vue वॉचर को कॉल नहीं करता है

को निर्मित 23 मई 2018 · 3टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.5.16

प्रजनन लिंक

https://jsfiddle.net/86s8qufj/

प्रजनन के चरण

प्रजनन लिंक खोलें
कंसोल खोलें
"टॉगल टेस्टकंपोनेंट" बटन पर क्लिक करें।
यह आपके लिए टेस्टकंपोनेंट बनाता है।
इनपुट में कुछ बदलने का प्रयास करें। आप कंसोल में 'इन टेस्टइन्फो वॉचर' देख सकते हैं, जिसका मतलब है कि टेस्टइन्फो वॉचर ने कॉल किया है।
फिर से "टॉगल टेस्टकंपोनेंट" बटन पर क्लिक करें।
यह टेस्टकंपोनेंट को नष्ट कर देता है।
पहले डिस्ट्रॉय हुक में मैं 'testInfo' संपत्ति बदलता हूं।
लेकिन आप कंसोल में 'इन बिफोरडेस्ट्रॉय' और 'इन टेस्टइन्फो वॉचर' के बजाय केवल 'इन बिफोरडेस्ट्रॉय' देख सकते हैं।

क्या अपेक्षित है?

मुझे उम्मीद है कि जब मैं इसे पहले डेस्टोरी हुक में बदलूंगा तो 'testInfo' संपत्ति के लिए द्रष्टा को बुलाया जाएगा।

वास्तव में क्या हो रहा है?

मैं 'testInfo' प्रॉपर्टी को पहले डिस्ट्रॉय हुक में बदलता हूं, लेकिन वॉचर को कॉल नहीं किया जाता है।

स्रोत

AndreasCag

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

मैं कहूंगा कि दस्तावेज़ीकरण में इसका उल्लेख करना अच्छा होगा - क्योंकि अब "एक Vue उदाहरण नष्ट होने से ठीक पहले कहा जाता है। इस स्तर पर उदाहरण अभी भी पूरी तरह कार्यात्मक है।"

senyaak 23 मई 2018

👍4

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

इसके अलावा यदि आप नष्ट हुए हुक में testInfo को लॉग करने का प्रयास करते हैं - तो आपको नया मान दिखाई देगा। लेकिन वस्तु को नष्ट कर देना चाहिए ....

senyaak 23 मई 2018

beforeDestroy Vue इंस्टेंस को फाड़ने से ठीक पहले होता है, इसलिए देखने वालों के लिए यह सामान्य है कि वे ट्रिगर न करें क्योंकि इंस्टेंस नष्ट होने के बाद वे ट्रिगर हो जाएंगे (अधिकांश वॉचर फ़ंक्शन अमान्य बनाते हैं)।
आपको डेटा बदलने के बजाय स्वयं वॉचर को beforeDestroy हुक में कॉल करना चाहिए

posva 23 मई 2018

senyaak 23 मई 2018

👍4

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

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

Vue: जब आप पहले नष्ट करने में प्रोप बदलते हैं तो Vue वॉचर को कॉल नहीं करता है

संस्करण

प्रजनन लिंक

प्रजनन के चरण

क्या अपेक्षित है?

वास्तव में क्या हो रहा है?

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

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

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