2017-08-11 4 views
1

Ich bin neu in beiden vue.js und vuex. Ich habe eine Komponente, die eine Aktion senden muss, wenn bestimmte Daten in diesem Zustand verfügbar sind. Wie kann ich das machen.Beobachten vuex Zustandswechsel von vuejs Komponente

Beispiel:

export default { 
    name: 'MyComponent', 
    computed: { 
     targetItem() { 
     return this.$store.getters.getTarget(this.$route.params.id); 
     } 
    } 
} 

Im Beispiel oben Ich möchte eine neue Aktion auf dem Speicher versenden, wenn targetItem einen Wert hat. Dies ist, so kann ich eine Ajax-Anfrage über eine vuex Aktion auslösen, um mehr Daten über targetItem

Dank

+0

export default { name: 'MyComponent', computed: { targetItem() { return this.$store.getters.getTarget(this.$route.params.id); } }, watch: { shop (newVal, oldVal) { if(!!newVal && !oldVal) { const {targetItem} = this; this.$store.dispatch('ACTION_NAME',{targetItem}); } } } } 

Dank arbeiten Was Sie schon haben versucht und was funktioniert nicht so, wie du es erwartet hast? – thanksd

+0

Ihr Anwendungsfall ist mir sehr unklar. Suchst du etwas wie in diesem [Geige] (https://jsfiddle.net/awolf2904/0txhcvae/)? Bitte fügen Sie weitere Details zu Ihren Fragen hinzu. Was hast du mit der Aktion vor? Sendet es eine Ajax-Anfrage, ändert es den Zustand usw.? – AWolf

Antwort

0

sammle ich fand schließlich eine Lösung, die

Verwandte Themen