Vuex kullanarak bir eyalet ağacında zaman geri dönüşü (geri alma) nasıl yapılır?

Question

Vuex kullanarak bir zaman yolculuğu özelliğini nasıl sağlayabilirim? Bir önceki durumu geri almak, bir şeyi geri almak istiyorum.

Bu kutudan mümkün mü?

Bunu nasıl başaracağınız hakkında bir fikrin var mı?

Sadece kendi tarafından uygulamaya store.rollback(1)

Answer 1

gibi bir şey için umuyordum, mağazanıza bir prevState eklemek, sadece bunu geri alınabilir yapmak istiyorum parçaları seçebilirsiniz.

mağaza

const state = { 
    count: 0, 
    prevCount: null 
} 

mutasyonlar:

Burada sadece 1 tarih kaydını destekleyen basit örnek vardır

const INCREMENT = state => { 
    state.prevCount = state.count 
    state.count += 1 
} 

const UNDO = state => { 
    if (state.prevCount !== null) { 
    state.count = state.prevCount 
    state.prevCount = null 
    } 
} 

daha geçmişi var gerekiyorsa, onları

dizisine yerleştir

const state = { 
    count: 0, 
    countHistory: [] 
} 

ve sonra otomatik olarak tüm geçmişini kaydetmek istediğiniz durumda, kayıtlar

Başka bir çözüm plugin (katman) 'dir/geri kazanmak için state.countHistory.pop() ve state.countHistory.push(xx) kullanabilirsiniz.