Tag: vuex
Vuex ist ein Flux-inspiriert-Anwendung-Architektur für Vue.js.
Erneutes laden von Daten von vue-Tabellen-2 (Vuex)
3 Antworten
Modul: https://github.com/matfish2/vue-tables-2 Ich bin erstellen einer CRUD-app. Wie kann ich die Daten neu laden über Ajax geholt Anruf in vue-Tabellen-2? Ich wollte Neuladen der Tabelle nach einer update-Anweisung ausgeführt wird irgendwo in meinem app. Vue-Tabellen ist mit
Wie kann ich in der Nähe modal nach klicken auf Schaltfläche "speichern" in vue-Komponente?
2 Antworten
Meiner vue-Komponente wie folgt : <template> <div ref="modal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form> ... <div class="modal-footer"> ... <button type="button" class="btn btn-success" @click="addPhoto"> Save </button> </div> </form> </div> </div> </div> </template> <script> export default
vuex-Shop nicht update-Komponente
3 Antworten
Ich bin neu in vue, also bin ich wahrscheinlich um einen rookie-Fehler. Ich habe einen root-vue-element - raptor.js: const Component = { el: '#app', store, data: { productList: store.state.productlist }, beforeCreate: function () { return store.dispatch('getProductList', 'getTrendingBrands');
[Vue warnen,]: Fehler in der render-Funktion: "TypeError: Cannot read property 'Vorname' null"
2 Antworten
Habe ich Folgendes Navigation.vue Komponente: <template> <div> {{user.first_name}} </div> </template> <script> import { mapActions, mapGetters } from 'vuex' export default { name: 'hello', methods: { ...mapActions(['myAccount']) }, mounted: function () { if (localStorage.getItem('access_token')) { this.myAccount() } },
vuex haben mapState mit mehreren Modulen
2 Antworten
Ich muss etwas fehlen. Wie kann ich vuex mapState mit mehrere Module? Soweit verstehen, neben der übergabe eines Objekts als argument, Namespaces mapState kann auf zwei Argumente: - namespace und ein array von Objekt-Namen, die die Mitglieder
Wie kann ich brechen meine vuex-Datei?
3 Antworten
Ich habe eine vuex-Datei mit einer wachsenden Masse von Mutatoren, aber ich bin nicht sicher, der richtige Weg der Aufteilung in verschiedene Dateien. Weil ich: const store = new Vuex.Store({ vuex stuff }) und dann unten, dass
Die Trennung vuex-Shops für dynamisch erzeugte Komponenten
2 Antworten
Diese Frage hat mich stecken für ein wenig. Leider habe ich coudn ' T finden Sie die Antwort hier (Fragen auch nicht helfen). Also nachdem ich einige der Forschung, und Fragen hier und dort, scheint es, dass
Wie klar Staates, in vuex-Shop?
9 Antworten
Mein Zustand in vuex-Shop ist riesig. Gibt es eine Möglichkeit, einen reset alle Daten im Zustand, in einem Rutsch, statt der manuellen Einstellung alles auf null? Mit reset meinst du die Einstellung der intial-Staat? In meinem Fall
Vue.js[vuex], wie der Versand von einer mutation?
1 Antworten
Habe ich eine Liste von filtern, die ich anwenden möchten, um ein json-Objekt. Meine Mutationen wie folgt Aussehen: const mutations = { setStars(state, payload) { state.stars = payload; this.dispatch('filter'); }, setReviews(state, payload) { state.reviews = payload; this.dispatch('filter');
vuexjs getter mit dem argument
2 Antworten
Ist es ein Weg, um pass-parameter in get-der vuex store? So etwas wie: new Vuex.Store({ getters: { someMethod(arg){ //return data from store with query on args } } }) So, dass in der Komponente die ich verwenden
Vuex - die übergabe mehrerer Parameter an action
2 Antworten
Ich versuche, einen Benutzer zu authentifizieren mit vuejs und laravel Pass. Ich bin nicht in der Lage, herauszufinden, wie Sie senden Sie mehrere Parameter für das vuex-mutation über eine Aktion. - store - export default new Vuex.Store({
wie bekommt man Daten aus der API in vuex mit axios?
1 Antworten
Habe ich Daten von API, laravel, und hier ist mein code state.js import axios from 'axios' import {apiPostGet} from '../api/api' export default { data: axios({ method: 'GET', url: apiPostGet('Kategori') }).then( response => { return response.data.kategori } ).catch(
Wie kann ich neu laden ein vue-Komponente?
4 Antworten
Ich weiß, die Lösung ist ein update der prop-Daten wie diese : this.selectedContinent = "" Aber ich will eine andere Lösung Nachdem ich Lesen Sie einige Referenz, die Lösung ist : this.$forceUpdate() Ich versuche es, aber es
Vuex speichern des Status " nicht definiert ist
1 Antworten
Ich versuche, mit Vuex ("^2.1.3") mit vuejs ("^2.1.10") Projekt in dieser Art und Weise: store.js: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state: { inTheaters: [ { name: 'Resident
Vuex - nicht mutieren vuex store Staat außerhalb mutation Handler
1 Antworten
Warum erhalte ich diese Fehlermeldung: Fehler [vuex] nicht mutieren vuex store Staat außerhalb mutation Handler. Was bedeutet es? Es passiert, wenn ich versuche zu geben in der - edit-input-Datei. Seiten/todos/index.vue <template> <ul> <li v-for="todo in todos"> <input
Wie Sie auf die getter aus einer anderen vuex-Modul?
1 Antworten
Innerhalb einer vuex getter-ich weiß, dass es möglich ist, den Staat aus einem anderen vuex-Modul etwa so: pages: (state, getters, rootState) => { console.log(rootState); } Wie kann ich Zugang zu einem getter aus einer anderen vuex-Modul anstelle
Wie der Zugriff auf asynchrone Speicherung von Daten in vue-router für den Einsatz in beforeEnter Haken?
3 Antworten
Wie ist es möglich, auf die Speicherung von Daten in beforeEnter abgefragt wird asynchron über die store-Aktion? import store from './vuex/store'; store.dispatch('initApp'); //in here, async data will be fetched and assigned to the store's state //following is
async/await-Aktionen in Vuex
1 Antworten
Frage ich mich, wie zu verwenden async/await-Aktionen in Vuex. Die docs bieten diese syntax als Beispiel: actions: { async actionA ({ commit }) { commit('gotData', await getData()) }, async actionB ({ dispatch, commit }) { await dispatch('actionA')
Wie Sie Zugang zu Vuex-Modul Getter und Mutationen?
3 Antworten
Ich versuche zu wechseln, um mit Vuex anstelle von meinem homegrown-Objekt zu speichern, und ich muss sagen, ich bin nicht der Suche nach die docs so klar, wie an anderer Stelle in der Vue.js Welt. Sagen wir,
Ändern Sie ein weiteres Modul-Zustand aus einem Modul in Vuex
2 Antworten
Ich habe zwei Module in meiner vuex-Shop. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); In das Modul loading habe ich eine Eigenschaft saving die gesetzt werden können, entweder true oder false
Wie rufe ich ein getter aus einer anderen getter in Vuex?
4 Antworten
Betrachten Sie eine einfache Vue blog: Ich bin mit Vuex als meine datenspeicher und ich von zwei Getter: getPost getter für den Empfang der post von ID, sowie eine listFeaturedPosts liefert den ersten Buchstaben jedes featured post.
Emittieren ein Ereignis, wenn eine bestimmte Zustandsänderungen in vuex-Shop
2 Antworten
Ich habe eine vuex-Shop mit den folgenden Zustand: state: { authed: false ,id: false } Innerhalb einer Komponente, die ich sehen will für änderungen an der authed Zustand und senden eine AJAX-Aufruf an den server. Es muss
Axios interceptor in vue 2 JS mit vuex
1 Antworten
Ich store token nach Erfolg-login rufen Sie in vuex-Shop wie diesem: axios.post('/api/auth/doLogin.php', params, axiosConfig) .then(res => { console.log(res.data); //token this.$store.commit('login', res.data); }) axiosConfig ist die Datei, wo ich nur baseURL export default { baseURL: 'http://localhost/obiezaca/v2' } und
Zugriff auf Vuex Staat bei der Definition Vue-Router Routen
4 Antworten
Habe ich Folgendes Vuex store (main.js): import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //init store const store = new Vuex.Store({ state: { globalError: '', user: { authenticated: false } }, mutations: { setGlobalError (state, error)
Vuex - Berechnete Eigenschaft "name" zugewiesen wurde, aber es hat keine setter
2 Antworten
Ich habe eine Komponente, mit einigen Formular-Validierung. Es ist ein multi-step-checkout-Formular. Der code ist für den ersten Schritt. Ich möchte überprüfen, ob der Benutzer text eingegeben, speichern Sie Ihren Namen in den globalen Zustand und dann senden,
Vuex getter nicht aktualisiert
1 Antworten
Habe ich die unten getter: withEarmarks: state => { var count = 0; for (let l of state.laptops) { if (l.earmarks.length > 0) { count++; } } return count; } Und in eine Komponente, die diese berechnete
Vuex Rendern von Daten, die holt man sich aus der REST-API
3 Antworten
Für eine solche Komponente <template> <div> <router-link :to="{name:'section', params: { sectionId: firstSectionId }}">Start</router-link> </div> </template> <script lang="ts"> import { mapActions } from "vuex" export default { mounted() { this.getSectionId() }, computed: { firstSectionId() { return this.$store.state.firstSectionId }
Wie formatiere ich die Währungen in einem Vue-Komponente?
5 Antworten
Meiner Vue-Komponente ist wie folgt : <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 },
Rufen Sie eine Aktion aus, die innerhalb einer anderen Aktion
1 Antworten
Habe ich Folgendes setup für mein handeln: get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, Ich möchte in der Lage sein zu rufen, eine Aktion in einer anderen,
Wie sollte ich das behandeln von Ereignissen in Vuex?
1 Antworten
Bin ich es gewohnt, mit einem weltweiten event-bus zu handhaben cross-component-Methoden. Zum Beispiel: var bus = new Vue(); ... //Component A bus.$emit('DoSomethingInComponentB'); ... //Component B bus.$on('DoSomethingInComponentB', function(){ this.doSomething() }) Allerdings Baue ich noch ein größeres Projekt, das
Vuex-Status auf Seite aktualisieren
3 Antworten
Meine app benutzt die FB-API für Benutzer-Authentifizierung, Speicherung des Login-status als boolean Wert in einer Vuex Zustand. Wenn der Benutzer sich anmeldet, ich habe die login-status und bedingt der Anzeige des Login - /Logout-button entsprechend. Aber wenn
Rückkehr Verspricht von Vuex Aktionen
2 Antworten
Ich vor kurzem begonnen, die Migration, die Dinge aus jQ zu einer stärker strukturierten Rahmen VueJS, und ich Liebe es! Konzeptionell, Vuex hat schon ein bisschen ein Paradigmenwechsel für mich, aber ich bin zuversichtlich, dass ich weiß,
Vuex 2.0 Versand gegen Verpflichten
1 Antworten
Kann sich das jemand erklären, wenn Sie verwenden würden, ein Versand gegen einen zu Begehen? Verstehe ich eine commit-Trigger-mutation, und eine Botschaft löst eine Aktion aus. Jedoch nicht ein Versand auch eine Art von Handlung? InformationsquelleAutor der
Wie zu navigieren, vue router von Vuex Aktionen
4 Antworten
Ich bin erstellen einer web-app mit Vue 2.x und Vuex 2.x. Ich bin abrufen von Informationen von einem entfernten Standort über einen http-Aufruf, möchte ich, dass wenn dieser Aufruf fehlschlägt, ich sollte eine Weiterleitung, um einige der
Wie strukturiert man API-Anrufe in Vue.js?
3 Antworten
Derzeit arbeite ich an einem neuen Vue.js -Anwendung. Es hängt stark von der api-Aufrufe, um meine back-End-Datenbank. Für eine Menge Dinge, die ich verwenden, Vuex Läden, weil es verwaltet die gemeinsamen Daten zwischen meinen Komponenten. Wenn Sie
Gibt es eine Möglichkeit, Aktionen zwischen zwei namespaced vuex-Modulen zu verteilen?
1 Antworten
Ist es möglich, die dispatch-eine Aktion zwischen Namespaces-Module? E. g. Ich habe vuex-Module "Spielbrett" und "Benachrichtigung". Jedes ist in einem Namensraum. Ich möchte zum Versand eine Aktion aus dem Spielbrett, um das Benachrichtigungs-Modul. Dachte ich, ich könnte
Vuex Aktion gegen Mutationen
8 Antworten
In Vuex, was ist die Logik, dass beide "Aktionen" und "Mutationen?" Verstehe ich die Logik der Komponenten nicht in der Lage zu ändern Staat (das scheint smart), aber mit beiden Aktionen und Mutationen scheint, wie Sie schreiben,
Kann ich Commit von einer der Mutationen in Vuex Store aufrufen
7 Antworten
Ich habe eine vuex speichern, 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') },
vuejs 2 wie man die Werte von vuex abspeichert
9 Antworten
Ich bin mit vuex und vuejs 2 zusammen. Ich bin neu vuex ich sehen wollen store variable ändern. Möchte ich hinzufügen, dass die watch Funktion in meinem vue component Dies ist, was ich habe, so weit: import
Kommunikation zwischen Geschwisterkomponenten in VueJs 2.0
5 Antworten
In vuejs 2.0 model.sync werden veraltet. Was ist also der richtige Weg, um die Kommunikation zwischen gleichrangigen Komponenten in vuejs 2.0? Als ich fangen die Idee in Vue 2.0 ist Geschwister-Kommunikation durch die Verwendung eines Speicher-oder ein