Vuex eyaletinden Vue Router nasıl kullanılır? Benim bileşenleri olarak

Question

ben kullanıyorum:

this.$router.push({ name: 'home', params: { id: this.searchText }});

rotayı değiştirmek için. Şimdi Vuex işlemlerine bir yöntem taşıdım ve elbette this.$router artık çalışmıyor. Ayrıca Vue.router. Peki, Vuex eyaletinden yönlendirici yöntemlerini nasıl arayabilirim, lütfen?

Answer 1

sana yönlendirici örneğini ihtiyaç olarak vuex-router-sync burada yardımcı olmaz tahmin ediyorum. bu WebPack içinde global olarak örneğini ayarlayabilirsiniz İdeal hissetmez rağmen nedenle

, yani

şimdi

global.router = new VueRouter({ 
    routes 
}) 

const app = new Vue({ 
    router 
    ... 

Eğer mümkün olmalıdır: uygulamanız içindeki herhangi bir yerden router.push({ name: 'home', params: { id: 1234 }})

---

Alternatif olarak, yukarıdaki fikirlerden hoşlanmıyorsanız, eyleminizden bir Söz verebilirsiniz. Sonra eylem başarıyla tamamlanırsa, bir mutasyon veya bir şey çağırır varsayalım ve resolve Sözünü yapabilirsiniz. Ancak başarısız olursa ve yönlendirme gereksinimleri ne olursa olsun size reject Sözünü çarptı.

sen yönlendiricileri taşıyabilirsiniz Bu şekilde geçirilen varsayarak yani sadece reddedilen Promise yakalar ve vue-yönlendirici itmek ateşler bir bileşeni, ben rootState.router eylemleriniz satışa sunulacak inanıyoruz

# vuex 
actions: { 
    foo: ({ commit }, payload) => 
    new Promise((resolve, reject) => { 
     if (payload.title) { 
     commit('updateTitle', payload.title) 
     resolve() 
     } else { 
     reject() 
     } 
    }) 

# component 
methods: { 
    updateFoo() { 
    this.$store.dispatch('foo', {}) 
     .then(response => { // success }) 
     .catch(response => { 
     // fail 
     this.$router.push({ name: 'home', params: { id: 1234 }}) 
     }) 

Answer 2

içine yönlendirmek Ana Vue yapıcınızdaki bir seçenek olarak router. Guyc belirtildiği gibi

, ben de bunu giderir sonra eylem ve yönlendirme gelen bir söz dönen daha iyi olabilir düşünüyordum. Basit anlamda: dispatch(YOUR_ACTION).then(router.push()).