Vue: फॉर्म वैल्यू बाइंडिंग पर्याप्त तेजी से अपडेट नहीं हो रही है

को निर्मित 20 दिस॰ 2016 · 3टिप्पणियाँ · स्रोत: vuejs/vue

मान लें कि मेरे पास एक साधारण घटक है जिसमें mounted विधि के अलावा कुछ भी नहीं है जो निम्न कार्य करता है:

this.myValue = 'a value'

$(this.$el).parent('form').submit()

मेरा घटक एचटीएमएल इस तरह दिखता है:

<form action="http://…">
    <input type="text" :value="myValue">
</form>

जैसा कि आप देख सकते हैं कि मैं फॉर्म जमा करने के लिए jQuery का उपयोग कर रहा हूं और यदि मूल्य निर्दिष्ट करना और फॉर्म जमा करना दोनों एक ही फ़ंक्शन में होते हैं, तो __ खाली डेटा सबमिट किया जाता है__। मैं बिना किसी देरी के टाइमआउट का उपयोग करके इसके आसपास काम कर सकता हूं, लेकिन निश्चित रूप से यह आदर्श नहीं है।

setTimeout(() => {
    $(this.$el).parent('form').submit()
})

यह तब भी होता है जब यह माउंटेड विधि में नहीं होता है, लेकिन उदाहरण के लिए on blur out , इसलिए इसका पेज लोड या देरी से कोई लेना-देना नहीं है। वही :value बनाम v-model ।

मुझे Vue या JS के आंतरिक भाग के बारे में अधिक जानकारी नहीं है, लेकिन मुझे लगता है कि यह इसलिए है क्योंकि यह अभी तक मान निर्दिष्ट करने में सक्षम नहीं है। टाइमआउट का उपयोग करते हुए, सबमिट अगले टिक पर होता है।

स्रोत

sebastiaanluca

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

vm.$nextTick . का प्रयोग करें

this.myValue = 'a value'

this.$nextTick(function () {
  $(this.$el).parent('form').submit()
})

defcc 20 दिस॰ 2016

👍7 ❤1

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

मैंने सोचा कि समस्या का समाधान करने का कोई तरीका नहीं है।

इस स्थिति में, मैं मैन्युअल रूप से अजाक्स के लिए परम का मान लिखता हूं।

Yunfeng 20 दिस॰ 2016

क्या इससे पहले इस मुद्दे को पोस्ट किया गया है? कुछ नहीं मिला।

खैर, मेरे मामले में, मैं पेज रीफ्रेश सहित स्वचालित रूप से फॉर्म जमा करना चाहता हूं, इसे अजाक्स के माध्यम से नहीं भेजना चाहता (और नहीं)। यदि कोई समाधान नहीं है, तो शायद दस्तावेज़ों में उल्लेख करना अच्छा होगा?

sebastiaanluca 20 दिस॰ 2016

vm.$nextTick . का प्रयोग करें

this.myValue = 'a value'

this.$nextTick(function () {
  $(this.$el).parent('form').submit()
})

defcc 20 दिस॰ 2016

👍7 ❤1

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

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

Vue: फॉर्म वैल्यू बाइंडिंग पर्याप्त तेजी से अपडेट नहीं हो रही है

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

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

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