Als «vuex» getaggte Fragen

Vuex ist eine Statusverwaltungsmuster + Bibliothek für Vue.js-Anwendungen. Es dient als zentraler Speicher für alle Komponenten in einer Anwendung, wobei Regeln sicherstellen, dass der Status nur auf vorhersehbare Weise mutiert werden kann.

13
Vuex Action gegen Mutationen
Was ist in Vuex die Logik, sowohl "Aktionen" als auch "Mutationen" zu haben? Ich verstehe die Logik von Komponenten, die nicht in der Lage sind, den Status zu ändern (was klug erscheint), aber sowohl Aktionen als auch Mutationen zu haben, scheint, als würden Sie eine Funktion schreiben, um eine andere …
173 vue.js  vuex 
17
vue.js 2 wie man Speicherwerte von vuex überwacht
Ich benutze vuexund vuejs 2zusammen. Ich bin neu in vuex, ich möchte eine storeVariablenänderung beobachten. Ich möchte die watchFunktion in meinem hinzufügenvue component Das habe ich bisher: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; Ich möchte …
2
Gibt es eine Möglichkeit, Aktionen zwischen zwei Namespace-Vuex-Modulen auszulösen?
Ist es möglich, eine Aktion zwischen Namespace-Modulen auszulösen? ZB habe ich Vuex-Module "Gameboard" und "Benachrichtigung". Jeder hat einen Namespace. Ich möchte eine Aktion vom Spielbrett an das Benachrichtigungsmodul senden. Ich dachte, ich könnte den Modulnamen im Namen der Versandaktion folgendermaßen verwenden: // store/modules/gameboard.js const actions = { myaction ({dispatch}) { …
158 vue.js  vuejs2  vuex 
3
Rufen Sie eine Aktion aus einer anderen Aktion heraus auf
Ich habe das folgende Setup für meine Aktionen: get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, Ich möchte in der Lage sein, eine Aktion von einer anderen aus aufzurufen. In diesem Beispiel möchte ich in der Lage sein, get2()von innen aufzurufen …
133 vue.js  vuex 
5
Versprechen von Vuex-Aktionen zurückgeben
Ich habe kürzlich angefangen, Dinge von jQ auf ein strukturierteres Framework zu migrieren, nämlich VueJS, und ich liebe es! Konzeptionell war Vuex für mich ein Paradigmenwechsel, aber ich bin zuversichtlich, dass ich weiß, worum es jetzt geht, und verstehe es total! Es gibt jedoch einige kleine Grauzonen, hauptsächlich vom Standpunkt …
3
Vuex - Übergabe mehrerer Parameter an die Mutation
Ich versuche, einen Benutzer mit vuejs und laravels Pass zu authentifizieren. Ich kann nicht herausfinden, wie mehrere Parameter über eine Aktion an die Vuex-Mutation gesendet werden können. - Geschäft - export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, …
123 vue.js  vuejs2  vuex 
4
Vuex - Die berechnete Eigenschaft "Name" wurde zugewiesen, hat jedoch keinen Setter
Ich habe eine Komponente mit einer Formularvalidierung. Es ist ein mehrstufiges Checkout-Formular. Der folgende Code ist für den ersten Schritt. Ich möchte überprüfen, ob der Benutzer Text eingegeben hat, seinen Namen im globalen Status speichern und dann zum nächsten Schritt senden. Ich benutze vee-validate und vuex <template> <div> <div class='field'> …
5
Vuex: Zugriffsstatus von einem anderen Modul
Ich möchte den Zugang state.sessionin instance.jsvon records_view.js. Wie wird das erreicht? store / modules / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / modules / records_view.js const actions = …
100 javascript  vue.js  vuex 
6
Vuex-Status bei Seitenaktualisierung
Meine App verwendet die Firebase-API für die Benutzerauthentifizierung und speichert den Anmeldestatus als booleschen Wert in einem Vuex-Status. Wenn sich der Benutzer anmeldet, setze ich den Anmeldestatus und zeige die Schaltfläche Anmelden / Abmelden entsprechend an. Wenn die Seite aktualisiert wird, geht der Status der Vue-App verloren und wird auf …
97 vue.js  vuejs2  state  vuex 
5
Wie rufe ich einen Getter von einem anderen Getter in Vuex auf?
Stellen Sie sich ein einfaches Vue-Blog vor: Ich verwende Vuex als Datenspeicher und muss zwei Getter einrichten : einen getPostGetter zum Abrufen einer postID sowie einen Getter listFeaturedPosts, der die ersten Zeichen jedes vorgestellten Beitrags zurückgibt. Das Datenspeicherschema für die Liste der empfohlenen Beiträge verweist auf die Beiträge anhand ihrer …
92 vuejs2  vuex 
8
Wie formatiere ich Währungen in einer Vue-Komponente?
Meine Vue-Komponente sieht folgendermaßen aus: <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> Das Ergebnis von {{ item.total }}ist 26000000 Aber ich möchte, …
3
Ändern Sie einen anderen Modulstatus von einem Modul in Vuex
Ich habe zwei Module in meinem Vuex-Shop. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); Im Modul habe loadingich eine Eigenschaft, savingdie entweder trueoder festgelegt werden kann, falseund eine Mutationsfunktion, die TOGGLE_SAVINGzum Festlegen dieser Eigenschaft benannt ist. Im Modul postsmöchte ich vor und nach dem …
77 vue.js  vuejs2  vuex 
5
So navigieren Sie mit dem Vue-Router über Vuex-Aktionen
Ich erstelle eine Web-App mit Vue 2.x und Vuex 2.x. Ich rufe einige Informationen von einem entfernten Standort über einen http-Aufruf ab. Wenn dieser Aufruf fehlschlägt, sollte ich auf eine andere Seite umleiten. GET_PETS: (state) => { return $http.get('pets/').then((response)=>{ state.commit('SET_PETS', response.data) }) }, error => {this.$router.push({path:"/"}) } ) } Aber …
12
Kann ich Commit von einer der Mutationen im Vuex Store aufrufen?
Ich habe einen Vuex- Shop wie folgt: import spreeApi from '../../gateways/spree-api' // initial state const state = { products: [], categories: [] } // mutations const mutations = { SET_PRODUCTS: (state, response) => { state.products = response.data.products commit('SET_CATEGORIES') }, SET_CATEGORIES: (state) => { state.categories = state.products.map(function(product) { return product.category}) } …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.