Vue: प्रोप को शून्य पर सेट करने के लिए `:srcObject.prop` का उपयोग नहीं कर सकता

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

संस्करण

2.5.17

प्रजनन लिंक

प्रजनन के चरण

(न्यूनतम रेप्रो देखें)

HTMLMediaElement साथ एक घटक है जो :srcObject.prop को कुछ डेटा प्रॉपर्टी से बांधता है (जो null रूप में शुरू होता है):

<audio :srcObject.prop="stream">

इसे कुछ मान्य MediaStream :

this.stream = new MediaStream();

इसे वापस null :

this.stream = null;

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

मुझे उम्मीद है कि audio.srcObject अशक्त होगा

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

यह MediaStream के रूप में रहता है और लॉग में TypeError है।

मैंने देखा कि यह वास्तव में रेप्रो उदाहरण लिखने के मेरे पहले प्रयास में काम करता था: https://jsfiddle.net/4tnkapxo/1/ (शायद इसलिए कि पूरी बात इनलाइन है?)

मुझे यकीन नहीं है कि यह कितना उपयोगी है, लेकिन स्टैक ट्रेस के आधार पर यह इस कोड से संबंधित है, updateDOMProps में पाया गया:

  for (key in oldProps) {
    if (isUndef(props[key])) {
      elm[key] = '';
    }
  }

isUndef(null) सत्य का मूल्यांकन कर रहा है, और इसलिए यह प्रोप को '' पर सेट करने का प्रयास कर रहा है, लेकिन srcObject विशेष रूप से इसे null या MediaStream

improvement

स्रोत

freddialpad

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

शायद हमें .prop बाइंडिंग के लिए परिवर्तन लागू नहीं करना चाहिए

posva 4 दिस॰ 2018

👍2

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

शायद हमें .prop बाइंडिंग के लिए परिवर्तन लागू नहीं करना चाहिए

posva 4 दिस॰ 2018

👍2

अब जब मैंने प्रश्न में कोड ( updateDOMProps src/platforms/web/runtime/modules/dom-props.js) में देखा है, मुझे लगता है कि मैं थोड़ा बेहतर समझता हूं कि क्या हो रहा है। संबंधित परीक्षण मामला (इकाई/मॉड्यूल/vdom/मॉड्यूल/dom-props.spec.js में) ऐसा लगता है कि यह विलोपन के विरुद्ध सुरक्षा कर रहा है:

  it('should remove the elements domProps', () => {
    const vnode1 = new VNode('a', { domProps: { src: 'http://localhost/' }})
    const vnode2 = new VNode('a', { domProps: {}})
    patch(null, vnode1)
    const elm = patch(vnode1, vnode2)
    expect(elm.src).toBe('')
  })

... HTMLEmelent संपत्ति को "डिलीट" करने का कोई सामान्य तरीका नहीं है, इसे सेट करने के अलावा जो भी मनमाना मूल्य सेटर परिभाषित करता है। उस अर्थ में, खाली स्ट्रिंग को elm[key] = ''; के रूप में कास्टिंग करना मूल रूप से एक मानक तरीके से निकटतम है। <img> टैग के मामले में, .src प्रोप को खाली स्ट्रिंग परिणामों के बगल में कुछ भी अप्रिय व्यवहार में सेट करना:

09:48:05.267 const img = document.createElement('img')
09:48:08.948 img.src
09:48:08.953 ""
09:48:14.469 img.src = null
09:48:17.213 img.src
09:48:17.222 "https://localhost:8080/null"

(मुझे यकीन है कि उस व्यवहार का एक बड़ा कारण है और इसके सभी वैध उपयोग के मामले हैं।)

तो उस संदर्भ में, खाली स्ट्रिंग किसी भी अशक्त / अपरिभाषित प्रॉप्स के रूप में उचित डिफ़ॉल्ट की तरह लगती है। मैंने isUndef(props[key]) चेक को props.hasOwnProperty(key) बदलने का प्रयोग किया है, या यहां तक कि सीधे undefined से इसकी तुलना भी की है ... व्यवहार्य यदि उपयोगकर्ता किसी प्रॉप को शून्य पर सेट करके उसे हटाने की क्षमता पर निर्भर हैं; यह पीछे की ओर संगत नहीं है। और dom-props.js में विशेष-आवरण संपत्ति/तत्व संयोजन उल्लेख करने के लिए बहुत स्पष्ट रूप से भयानक लगता है।

उसने कहा, क्या मैं वहाँ बहुत अधिक धारणाएँ बना रहा हूँ? क्या वह कोड विशुद्ध रूप से नए vnode में लापता प्रॉप्स के खिलाफ एक गार्ड है? क्या परीक्षण के लेखक केवल src संपत्ति पर विचार कर रहे थे क्योंकि यह विफलता का कारण बना? क्या यह उम्मीद करना उचित है कि उपयोगकर्ता किसी प्रॉप को "डिलीट" करते समय "" , null और undefined बीच से सही मूल्य प्रदान करते हैं?

दूसरी ओर, मुझे लगता है कि जब बाध्य गुणों की बात आती है तो हटाने के बारे में बात करना वास्तव में समझ में नहीं आता है ... जैसे <audio :srcObject.prop="stream"> के उदाहरण में stream गणना की गई संपत्ति को करना होगा कुछ वापस करें, इसलिए मैं मान रहा हूं कि vnode इंटर्नल के साथ कुछ ऐसा है जो मेरी समझ से परे है जो {stream: {some: thing}} को {} से बदलना संभव बनाता है।

यदि उपरोक्त सुझाव ठीक लगता है, तो मुझे लगता है कि hasOwnProperty वहां बनाने के लिए सही जांच है, और परिणाम elm[key] = '' होना चाहिए (जैसे मैंने कहा कि यह उतना ही अच्छा है जितना कोई "मानक" हटाएं। , और शायद सबसे अधिक लागू होने वाला मामला); मैं शायद इस सप्ताह एक पुल अनुरोध लिखूंगा। लेकिन मैं समय बर्बाद नहीं करना चाहता अगर यह एक सुरक्षित बदलाव नहीं है।

freddialpad 13 दिस॰ 2018

मुझे लगता है कि यह f11449d916a468651d4fd5024c37e3eebbc9941f द्वारा तय किया गया था

superfreddialpad 3 मार्च 2020

👍1

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

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