के साथ स्थानीय स्टोरेज का उपयोग कैसे करें मैं Vue.JS के साथ मार्कडाउन संपादक पर काम कर रहा हूं, और मैंने डेटा बचाने के लिए इसके साथ स्थानीय स्टोरेज का उपयोग करने की कोशिश की लेकिन मुझे नहीं पता कि डेटा में नया मान कैसे सहेजना है जब भी उपयोगकर्ता टाइप करता है Vue.JS में चर!Vue.JS - Vue.JS
उत्तर
नोट इस मेरी खोज में एक संपादन था आयन, लेकिन मैं इसे अलग से जवाब देता हूं क्योंकि @nathanvda ने सुझाव दिया था।
मुझे वह समाधान मिला जो मैं ढूंढ रहा था। पहला प्रयोग घड़ी विधि आप इस तरह पर डेटा भंडारण कर रहे हैं चर पर परिवर्तन का पता लगाने के लिए:
watch: {
input: function() {
if (isLocalStorage() /* function to detect if localstorage is supported*/) {
localStorage.setItem('storedData', this.input)
}
}
}
यह जब भी उपयोगकर्ता नई आदानों जोड़ने वेरिएबल का मान अद्यतन करेगा।
तो इस तरह चर के लिए नए मूल्य निर्दिष्ट:
app.input = localStorage.getItem('storedData');
और है कि यह :)
इसके अलावा आप यह भी आसान घटनाओं के साथ ऐसा कर सकते हैं जैसे https://jsfiddle.net/a8gkkpjs/1/ –
मैंने ऐसा किया, लेकिन इस तरह रीफ्रेशिंग के बाद अंतिम दर्ज मूल्य को सहेजता नहीं है पन्ना। –
आप भी वू प्लगइन का उपयोग कर सकते हैं। जैसे https://github.com/pinguinjkeke/vue-local-storage – user2875289
तुम बस localStorage
localStorage.setItem('YourItem', response.data)
में बचाने के लिए आप का उपयोग कर इस प्राप्त कर सके निम्न कर सकते हैं:
localStorage.getItem('YourItem')
localStorage
से हटाने के लिए:
localStorage.removeItem('YourItem')
आप वी मॉडल का उपयोग कर सकते है कि आप हर परिवर्तन के साथ चर बाध्य करने के लिए है या आप इसे अभिकलन रख सकते हैं: {} section.computed vue.js के जीवन हुक की तरह है, जब यह मान बदल जाता है तो यह घटक फिर से प्रस्तुत करता है।
- 1. vue.js
- 2. Vue.js
- 3. Vue.js
- 4. vue.js
- 5. vue.js
- 6. Vue.js
- 7. Vue.js
- 8. Vue.js
- 9. Vue.js
- 10. Vue.js
- 11. Vue.js
- 12. Vue.js
- 13. vue.js
- 14. Vue.js
- 15. Vue.js - घटक
- 16. vue.js 2.0
- 17. mixin Vue.js
- 18. Vue.js डेटा
- 19. लोड vue.js
- 20. Vue.js - निर्देश
- 21. Vue.JS SPA
- 22. vue.js बच्चे
- 23. event.path फ़ायरफ़ॉक्स और vue.js
- 24. Vue.js और jQuery?
- 25. Vue.js v-एचटीएमएल contenteditable
- 26. Vue.js बदलें {{}} टैग
- 27. vue.js $ घड़ी वस्तुओं
- 28. Vue.js क्वेरी पैरामीटर
- 29. जेडब्ल्यूटी प्रमाणीकरण Vue.js
- 30. Vue.js घड़ी सरणी
कृपया अपना समाधान एक उत्तर के रूप में जोड़ें, इसलिए अन्य इसे ऊपर उठा सकते हैं, और आप उत्तर को अपने समाधान के रूप में स्वीकार कर सकते हैं। – nathanvda
@nathanvda किया :) –
अच्छा! अब आप कुछ अंक अर्जित करना शुरू कर सकते हैं :) – nathanvda