Запитання з тегом «vuex»

У Vuex, яка логіка мати і "дії", і "мутації?" Я розумію логіку компонентів, які не в змозі змінювати стан (що здається розумним), але маючи і дії, і мутації, схоже, ви пишете одну функцію, щоб запустити іншу функцію, щоб потім змінити стан. Яка різниця між "діями" та "мутаціями", як вони працюють …

173 vue.js  vuex 

Я використовую vuexі vuejs 2разом. Я новачок vuex, хочу спостерігати за storeзміною змін. Я хочу додати watchфункцію в своюvue component Ось що я маю досі: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; Я хочу знати, чи …

168 javascript  vue.js  vuejs2  vuex 

Чи можливо відправити дію між модулями, розміщеними на імена? Наприклад, у мене є модулі vuex "ігровий щит" та "сповіщення". Кожен розділений на імена. Я хотів би відправити дію з ігрового поля на модуль сповіщення. Я думав, що можу використати ім'я модуля у назві дії диспетчера, як це: // store/modules/gameboard.js const …

159 vue.js  vuejs2  vuex 

У мене є така настройка для моїх дій: get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, Я хочу мати можливість викликати одну дію всередині іншої, тому в цьому прикладі я хочу мати можливість дзвонити get2()зсередини get1(). Чи можливо це, і якщо …

135 vue.js  vuex 

Нещодавно я почав мігрувати речі з jQ на більш структуровану структуру VueJS, і мені це подобається! Концептуально Vuex трохи змінив парадигму для мене, але я впевнений, що я знаю, про що це все зараз, і цілком зрозумів це! Але є кілька сірих ділянок, переважно з точки зору впровадження. Цей, на …

130 promise  vue.js  es6-promise  state-management  vuex 

Я намагаюся аутентифікувати користувача за допомогою паспорта vuejs та laravel. Я не в змозі зрозуміти, як надсилати кілька параметрів мутації vuex через дію. - магазин - export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) { localStorage.setItem('token', token) …

124 vue.js  vuejs2  vuex 

Огляд У Vue.js 2.x model.syncбуде застарілим . Отже, що є правильним способом зв’язку між компонентами братів та сестер у Vue.js 2.x ? Фон Як я розумію Vue 2.x, кращим методом для передачі побратимів є використання магазину або шини подій . За словами Евана (творця Vue): Варто також згадати "передача даних …

112 javascript  vue.js  vuejs2  vue-component  vuex 

У мене є компонент з деякою валідацією форми. Це багатоетапна форма оформлення замовлення. Код нижче - для першого кроку. Я хотів би підтвердити, що користувач вводив якийсь текст, зберігає його ім’я в глобальному стані, а потім надсилає на наступний крок. Я використовую vee-validate та vuex <template> <div> <div class='field'> <label …

108 vue.js  vuejs2  vue-component  vuex 

Розглянемо простий блог Vue: я використовую Vuex як свій сховище даних, і мені потрібно встановити два геттери : getPostгеттер для отримання postідентифікатора, а також той, listFeaturedPostsякий повертає перші кілька символів кожного представленого повідомлення. Схема сховища даних для переліку пропонованих публікацій посилається на публікації за їх ідентифікаторами. Ці ідентифікатори потрібно перетворити …

106 vuejs2  vuex 

У моїй програмі використовується Firebase API для автентифікації користувачів, зберігаючи статус входу як логічне значення у стані Vuex. Коли користувач входить у систему, я встановлюю статус входу та відповідно відображаю кнопку Вхід / Вихід. Але коли сторінку оновлено, стан програми vue втрачається та скидається до типового Це спричиняє проблему, оскільки …

105 vue.js  vuejs2  state  vuex 

Я хочу , щоб отримати доступ state.sessionв instance.jsс records_view.js. Як це досягається? 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 

Мій компонент Vue такий: <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> Результатом {{ item.total }}є 26000000 Але я хочу, щоб форматування було …

85 vue.js  vuejs2  vue-component  vuex 

У моєму магазині vuex є два модулі. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); У модулі у loadingмене є властивість, savingяку можна встановити trueабо, falseа також мати функцію мутації, названу TOGGLE_SAVINGдля встановлення цієї властивості. У модулі posts, до і після отримання повідомлень, я хочу …

80 vue.js  vuejs2  vuex 

Я створюю веб-програму з Vue 2.x та Vuex 2.x. Я отримую деяку інформацію з віддаленого місця за допомогою виклику http, я хочу, щоб у разі невдалого виклику я мав перенаправити на якусь іншу сторінку. GET_PETS: (state) => { return $http.get('pets/').then((response)=>{ state.commit('SET_PETS', response.data) }) }, error => {this.$router.push({path:"/"}) } ) } …

78 javascript  vue.js  vuex 

У мене є магазин vuex , наприклад: 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}) } …

78 javascript  vue.js  vuex