Vue: v-model.number खाली होने पर विशेषता हटाएं

यह सुविधा किस समस्या का समाधान करती है?

एक डिज़ाइन पैटर्न समस्या हल करता है, जो निश्चित रूप से एक एमवीएम प्रवाह से अपेक्षित है जिसमें v-model.number खाली होने पर एक स्ट्रिंग उत्पन्न करना शामिल है।

जब मैं एक संख्या दर्ज करता हूं और फिर इनपुट से टेक्स्ट हटा देता हूं, तो यह प्रतिक्रियाशील डेटा ऑब्जेक्ट में एक स्ट्रिंग में बदल जाता है।

यह निश्चित रूप से एक प्रमुख उपयोगिता और कास्टिंग मुद्दा है, और मुझे मॉडल पर एक खाली स्ट्रिंग विशेषता रखने का उद्देश्य नहीं दिख रहा है। इसे खाली होने पर मॉडल से अलग कर देना चाहिए - जैसे आप टेक्स्ट एंट्री पर नई विशेषताएँ बनाते हैं, वैसे ही यह इसके विपरीत होना चाहिए।

यह निश्चित रूप से एक डिजाइन पैटर्न मुद्दा है जिसे हल किया जाना चाहिए, हर बार आवेदन स्तर पर लागू करने की आवश्यकता नहीं है, यह एक छोटा सा फिक्स है जो VueJS2 में बहुत कुछ जोड़ देगा, और मुझे यकीन है कि कई अन्य लोग इस पर मेरे साथ सहमत होंगे!

प्रस्तावित एपीआई कैसा दिखता है?

वर्तमान में जब इनपुट खाली है

v-model.number="model.number"
मॉडल = {
संख्या: ""
}

इनपुट खाली होने पर उसे क्या करना चाहिए

v-model.number="model.number"
मॉडल = {
}