2017-01-02 28 views
9
ile nasıl kullanılır?

Vue.JS ile Markdown editör üzerinde çalışıyorum ve veri kaydetmek için onunla lokal veri kullanmayı denedim ama veriye yeni değeri nasıl kaydedeceğimi bilmiyorum kullanıcı ne zaman Vue.JS değişkenleri!Vue.JS - locuetorage Vue.JS

localStorage.getItem('YourItem') 

localStorage bu silmek için:

localStorage.removeItem('YourItem') 
+1

Lütfen çözümünüzü bir cevap olarak ekleyin, böylece başkaları bunu kabul edebilir ve cevabı çözümünüz olarak kabul edebilirsiniz. – nathanvda

+1

@nathanvda done :) –

+0

İyi! Şimdi bazı puanlar kazanmaya başlayabilirsiniz :) – nathanvda

cevap

11

Not bu sadece kullanarak bu getirebilir localStorage

localStorage.setItem('YourItem', response.data) 

kaydetmek için aşağıdaki yapabilirim

+0

Ayrıca bunu yapmak için bu https://jsfiddle.net/a8gkkpjs/1/ –

+0

gibi basit etkinliklerle bunu yapabilirsiniz, ancak bu yol, yenilendikten sonra son girilen değeri kaydetmez. sayfa. –

+1

Ayrıca Vue eklentisini de kullanabilirsiniz. Örneğin. https://github.com/pinguinjkeke/vue-local-storage – user2875289

5

benim arayışımda bir düzenleme oldu İyon, ama ben önerdim gibi @nathanvda olarak ayrı ayrı cevap.


Aradığım çözümü buldum. İlk kullanım izle yöntem böyle verileri depolamak olan değişkeni değişiklikleri tespit etmek için:

watch: { 
    input: function() { 
    if (isLocalStorage() /* function to detect if localstorage is supported*/) { 
     localStorage.setItem('storedData', this.input) 
    } 
    } 
} 

Bu kullanıcı yeni girişler eklediğinizde değişkenin değerini güncelleyecektir.

app.input = localStorage.getItem('storedData'); 

Ve bu :)

0

her değişikliği ile değişken bağlama v modeli kullanabilirsiniz var ya da bunu bilgisayarlı koyabilirsiniz:

Sonra böyle değişkene yeni değer atamak: {} section.computed, vue.js'nin life hook'u gibidir; değer değiştirildiğinde, bileşeni yeniden yeniden oluşturur.