Vue: गैर-ब्रेकिंग स्पेस अन्य वर्णों की तुलना में अलग-अलग कार्य करता है - प्रॉप्स के माध्यम से पारित होने पर "" खाके में

को निर्मित 4 अक्तू॰ 2018 · 11टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.5.17

प्रजनन लिंक

https://codepen.io/avertes/pen/LYYpNRe
https://jsfiddle.net/50wL7mdz/756973/

प्रजनन करने कि प्रक्रिया

एक नया घटक बनाएं जो एक स्ट्रिंग प्रोप स्वीकार करता है।
घटक के टेम्पलेट के भीतर प्रोप प्रदर्शित करें।
Vue एप्लिकेशन में घटक का उपयोग करें और प्रोप के लिए गैर-ब्रेकिंग स्पेस कैरेक्टर युक्त स्ट्रिंग पास करें।

क्या उम्मीद है?

आउटपुट में एक गैर ब्रेकिंग स्पेस होना चाहिए

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

आउटपुट   दिखाता है

प्रदान किए गए उदाहरण में मैंने 3 मामले बनाए हैं

पहला मामला यह है कि    
दूसरा मामला यह है कि UTF-8 पात्रों की एक लंबी सूची में केवल NON-BREAKING SPACE बच गए हैं।
और तीसरा जब वर्णों की एक ही सूची मिल रही है, लेकिन document.querySelector('#test').title साथ इसे एक नियमित HTMLElement से पुनः प्राप्त कर रहे हैं तो चरित्र बच नहीं रहे हैं।

नोट : नॉन-ब्रेकिंग स्पेस कैरेक्टर को कॉपी करते समय यह क्लिपबोर्ड में एक नियमित स्पेस में बदल सकता है। इसके लिए https://en.wikipedia.org/wiki/Non-breaking_space#Keyboard_entry_methods का उपयोग यह सुनिश्चित करने के लिए करें कि चरित्र कैसे सम्मिलित करें।

bug

स्रोत

Eibx

👍1

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

वर्कअराउंड के रूप में,   - \xa0 के लिए JS एस्केप कोड डालने का प्रयास करें

यहाँ पाया

    public static noBreakingSpaces(str: string): string {
        return str.replace(' ', '\xa0');
    }

इस फ़ंक्शन द्वारा दिए गए स्ट्रिंग्स को रिक्त स्थान के बजाय &nbsp s के साथ प्रदान किया जा रहा है।

grreeenn 21 अक्तू॰ 2019

👍8

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

मैंने एक नया उदाहरण जोड़ा है - जहां html संस्थाओं की एक सूची में (अन्य व्हाट्सएप और शून्य चौड़ाई वर्णों सहित) - केवल   डिकोड नहीं किया गया है।

https://jsfiddle.net/50wL7mdz/765399/

इसके अलावा, मैंने देखा है कि mathiasbynens में / वह   लिए दो प्रविष्टियाँ हैं, सिमिकोलन के बिना और सिमिकोलन के साथ एक।

https://github.com/mathiasbynens/he/blob/master/data/entities.json#L1470

अंधेरे में एक शॉट हो सकता है, लेकिन क्या इससे ऊपर के परिणाम पर कोई प्रभाव पड़ सकता है?

Eibx 17 अक्तू॰ 2018

मैंने   साथ किसी भी विसंगति को खोजने के लिए mathiasbynens / he v1.1.1 का उपयोग करने की कोशिश की है, लेकिन कोई भी खोजने में सक्षम नहीं है।

मैंने अपने पिछले jsfiddles को डुप्लिकेट करने की कोशिश की है, यह देखने के लिए कि क्या   किसी भी अलग प्रतिक्रिया होगी।

https://jsfiddle.net/ebpcx1do/3/

अगर कोई मुझे इस त्रुटि के लिए देखने के लिए कुछ संकेत दे सकता है, तो मैं इसे शॉट देने के लिए अधिक खुश हूं।

मैं इस मुद्दे पर किसी भी प्रतिक्रिया की बहुत सराहना करूंगा।

Eibx 29 अक्तू॰ 2018

मेरे लिए एक बग की तरह दिखता है - एक फिक्स अच्छा होगा

rosrosros 30 अक्तू॰ 2018

Ive ने मौके पर × साथ मुद्दों पर ध्यान दिया। एक घटक प्रोप में × का डिफ़ॉल्ट होता है, जो घटक (v-html) में प्रदान किया जाता है। जब यह प्रतिपादन वास्तविक x वर्ण दिखाता है और SSR जलयोजन जमानत का कारण बनता है।

tmorehouse 2 नव॰ 2018

अन्य उदाहरण: https://jsfiddle.net/onbzk0m6/ (चरित्र)

approached 23 नव॰ 2018

हाँ - यह सामान्य रूप से Vue parses html विशेषताएँ से संबंधित प्रतीत होता है।

मैंने @approached उदाहरण के आधार पर एक समान उदाहरण बनाया है
https://jsfiddle.net/onbzk0m6/3/

Eibx 23 नव॰ 2018

👍3

वर्कअराउंड के रूप में,   - \xa0 के लिए JS एस्केप कोड डालने का प्रयास करें

यहाँ पाया

    public static noBreakingSpaces(str: string): string {
        return str.replace(' ', '\xa0');
    }

grreeenn 21 अक्तू॰ 2019

👍8

मैं एक ही मुद्दे पर ठोकर खाई: html इकाई परिणाम में "" पाठ के रूप में परिणाम देता है जब नरम हाइफ़न के बजाय टेम्पलेट में उपयोग किया जाता है। "" और अन्य के लिए समान।
व्रत २.६.१०

styxxx 24 फ़र॰ 2020

उन लोगों के लिए जो इसके लिए वर्कअराउंड ढूंढ रहे हैं:
जब एक स्ट्रिंग को गैर-ब्रेकिंग रिक्त स्थान के साथ एक प्रस्ताव के रूप में पारित किया जाता है, तो मैंने केवल स्ट्रिंग के भाग की संभावना वाले रिक्त स्थान को बदल दिया है, मेरे मामले में 'zzz'
var newName = program_name.replace(/\s/g,'zzz');

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

correctedProgramName(){ //this reverses the space-replacing we had to do in reporting-dashboard.js
        let correctedProgramName = this.program_name.replace(/zzz/g, ' ')
        return correctedProgramName
      }

lurein 28 जुल॰ 2020

@posva आपको परेशान करने के लिए क्षमा करें, मुझे इस समस्या का हल मिल गया।

मेरे फिक्स होने के बाद, Vue का व्यवहार HTML जैसा ही होगा, नीचे स्क्रीनशॉट की तरह,

क्या मैं इस मुद्दे को उठा सकता हूं और एक निवेदन कर सकता हूं?

JuniorTour 2 अग॰ 2020

जरूर @JuniorTour

यह समस्या https://github.com/vuejs/vue/issues/10485 और https://github.com/vuejs/vue/issues/11059 से संबंधित हो सकती है
तो यह मौजूदा PRs पर भी एक नज़र डालने के लायक है

posva 3 अग॰ 2020

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

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