Vue: आईओएस सफारी खाली पृष्ठ प्रस्तुत करता है

भले ही मैं पुन: पेश नहीं कर सकता, यह स्पष्ट रूप से सफारी के बैक-फॉरवर्ड कैश के साथ एक समस्या है, न कि स्वयं Vue।

क्या हमें इसे तब बंद कर देना चाहिए?
@ cherry-geqi अगली बार jsfiddle की तरह एक इंटरैक्टिव रेप्रो और संपादन योग्य रेप्रो प्रदान करना सुनिश्चित करें यह वास्तव में मोबाइल समस्याओं के साथ और भी अधिक मदद करता है

मुझे खेद है, लेकिन मैं एक jsfiddle रेप्रो प्रदान नहीं कर सकता, इसलिए इसे रिप्रो के लिए कुछ और कदम उठाने पड़ सकते हैं। सार एक न्यूनतम पूर्ण है। रिप्रो के लिए, सार डाउनलोड करें और फिर इसे python3 -m http.server जैसे अस्थायी सर्वर की रूट डायरेक्टरी के तहत रखें और फिर आईओएस सफारी से अनुरोध करें।

मेरे डिवाइस में, यह लगभग 100% रेपो है।

यहाँ एक स्क्रीनकास्ट है:
रिक्त-पृष्ठ-repro.zip

यह सफारी के साथ एक समस्या हो सकती है, लेकिन हमें एक समाधान प्रदान करना चाहिए, है ना?

मुझे लगता है कि यह वास्तव में इसलिए है क्योंकि ... आप हर बार जब आप घर जाते हैं तो डेटा पुनः प्राप्त कर रहे होते हैं। प्राप्त डेटा को कैश करने के लिए आपको स्टोर का उपयोग करना चाहिए।

मुझे डर नहीं लग रहा है। हो सकता है कि मैंने खुद को स्पष्ट नहीं किया हो, लेकिन यह वास्तव में एक घातक समस्या है जो केवल आईओएस सफारी पर रिप्रोज़ है। जब मैं वापस नेविगेट करता हूं, तो पेज इसके साथ इंटरैक्ट करने तक खाली रहता है। डेटा लोड किया गया है और डोम का निर्माण किया गया है। यह एक ब्राउज़र रेंडरिंग बग की तरह है, लेकिन क्या हम कुछ कर सकते हैं?

आपके द्वारा प्रदान किए गए सटीक कोड का उपयोग करके iOS 10.3.1 पर पुन: पेश नहीं किया जा सकता है।

यह 100% रेपो है। सूची पृष्ठ (महत्वपूर्ण!) स्क्रॉल करें और विवरण पृष्ठ पर नेविगेट करें और वापस नेविगेट करें। मैं इस पर कम से कम 20 घंटे से काम कर रहा हूं।

आपका आईओएस संस्करण?

आईओएस 10.3.1 वीचैट 6.5.7 के साथ के रूप में यह 6.5.6 के बाद से WKWebview पर स्विच हो गया।

आपको इसका उल्लेख करना चाहिए था - सफारी WKWebView नहीं है।

आईओएस सफारी पर रेप्रोस।

हां। यह एक ऐसी समस्या है जो आईओएस (वीचैट, सफारी, कम से कम) पर मेरे ऐप के लिए भी 100% प्रतिलिपि प्रस्तुत करने योग्य है। व्यू 2.3.3।

@Centaur क्या आपको वर्कअराउंड मिला है?

@ चेरी-गीकी मैंने डेटा लाने के बाद निम्नलिखित कोड जोड़ा:

this.$nextTick(() => {
      window.scrollTo(0, 1)
      window.scrollTo(0, 0)
})

कम से कम हमारी टेस्ट टीम तो संतुष्ट थी।

हाँ, क्या आप इस समस्या का समाधान करते हैं? @ चेरी-गीकी

@ppxialetsgo @Centaur द्वारा प्रदान किया गया वर्कअराउंड बस काम करता है। जाहिर तौर पर यह कोई व्यक्तिगत मामला नहीं है। मेरा सुझाव है कि vuejs टीम इस पर अधिक ध्यान दें। @yyx990803 @posva

+1 बिल्कुल वही समस्या।

आईओएस 9/10/11 + वीचैट (डब्ल्यूकेवेबव्यू)/सफारी पर 100% पुन: प्रस्तुत किया गया। वीचैट के UIWebview में पुन: पेश नहीं किया जा सकता।

उपरोक्त वर्कअराउंड हमारे लिए काम करता है।

हम अपने नए प्रोजेक्ट के लिए Vue पर विचार कर रहे हैं लेकिन यह थ्रेड बहुत कुछ वैसा ही है जैसा मैं देख रहा हूँ। हमारे प्राथमिक उपयोगकर्ताओं के पास नवीनतम फोन नहीं होंगे और मुझे लगता है कि नमूना Vue ऐप्स केवल IOS (7.1.2) Safari => IPHONE-4 पर प्रस्तुत नहीं होते हैं।

प्रजनन:
यहाँ vue डेमो IOS 7.1.2 . पर प्रस्तुत नहीं होता है
https://lucasleandro1204.github.io/vue-content-loading

लेकिन समकक्ष प्रतिक्रिया घटक करता है:
https://danilowoz.github.io/react-content-loader/

कृपया सलाह दें।

मुझे भी यही समस्या है

मेरी भी यही समस्या है।

मेरी भी यही समस्या है।

यह वास्तव में Vue के बजाय Safari से संबंधित एक समस्या है, इस डेमो को देखें जिसमें Vue शामिल नहीं है।

महान! @javoski का डेमो इंगित करता है कि समस्या Vue से नहीं बल्कि Safari से संबंधित है।

@ हाओ-वू @javoski , मैं आपके साथ सफारी भाग से असहमत हूं, मैंने अपने आईपॉड टच में Google क्रोम के साथ प्रयास किया और यह भी वही प्रस्तुत करता है

@जावोस्की । यह वेब इंस्पेक्टर में कहता है कि आपको एक त्रुटि है जैसा कि फोटो में दिखाया गया है

ऐसा लगता है कि "टिक" ठीक से नहीं पढ़ा गया है

हे दोस्तों, मुझे भी यही समस्या थी। लेकिन अब मैंने अपनी समस्या हल कर ली है।
मुझे पता चला कि मेरी समस्या डोम ट्री की संरचना के कारण थी

मेरे मामले में, दो नेस्टेड HTML तत्व हैं।

मुझे लगता है कि ऐसा इसलिए है क्योंकि इससे फ्रेम गलत हो जाता है।

मुझे नहीं पता कि मेरे पास बिल्कुल वही समस्या थी, लेकिन मुझे एक समस्या थी जो इसके बहुत करीब लगती है। मेरे लिए समाधान babel-polyfill स्थापित करना था। तो, भविष्य के लोगों के लिए इस मुद्दे को गुगल करना एक विकल्प हो सकता है जो मदद करता है।

आपके कामकाज के लिए धन्यवाद @Centaur !!!
आपने मुझे डिबगिंग के घंटे बचाए... धन्यवाद भाई।

प्रतिक्रिया पर एक ही समस्या होती है, यदि तत्व '-वेबकिट-ओवरफ्लो-स्क्रॉलिंग: टच' का उपयोग करता है, तो इसे मेरे मामले में वापसी पर प्रस्तुत नहीं किया जाएगा।

तो, स्क्रॉल विधि को छोड़कर अंत में समस्या को कैसे हल करें? मुझे प्रतिक्रिया पर भी समस्या का सामना करना पड़ता है ...
@ चेरी-गीकी @Centaur @posva

हालाँकि यह समस्या हल हो गई है, फिर भी मैं यह कहना चाहता हूँ कि यह एक ios समस्या नहीं है, बल्कि एक vue समस्या है। यदि आपको कहना है कि यह एक ios समस्या है, तो यदि कोई Android समस्या है, तो क्या यह कोई vue समस्या नहीं है? तो और कौन Vue का उपयोग करेगा?
तुम पाँच हो

यह समस्या अभी भी Safari iOS 12 पर मौजूद है।

@ सेंटौर फिक्स ने काम किया, आपको बस मुख्य स्क्रॉलिंग तत्व ढूंढना है। मेरे मामले के लिए यह शरीर तत्व के अंदर एक div था।

हालाँकि यह समस्या हल हो गई है, फिर भी मैं यह कहना चाहता हूँ कि यह एक ios समस्या नहीं है, बल्कि एक vue समस्या है। यदि आपको कहना है कि यह एक ios समस्या है, तो यदि कोई Android समस्या है, तो क्या यह कोई vue समस्या नहीं है? और कौन Vue का उपयोग करेगा?
आप पांच साल के हैं

क्या आप एसजेबी हैं?

Vue . में इस्तेमाल किया जा सकता है

scrollBehavior (to, from, savedPosition) {
    // return 期望滚动到哪个的位置
   return {y: 0}
  }

#मेरी समस्या है...

ios safari में Vue , जब दायां स्लाइड home page , तो पेज खाली होगा ， फिर पिछले पेज की सामग्री दिखाएं， अंत में home page की सामग्री आती है

इसके अलावा: यह केवल home page वापस नहीं आया है जिसमें यह समस्या है， यह घटना अन्य पृष्ठों पर भी मौजूद है;

#मैंने इसे कैसे सुलझाया

Vue Transition emmm . को छोड़ दें