copyscript

Vuex: 변환 내에 저장할 여러 항목 추가 다음과 같은 매장이 있습니다. import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' Vue.use(Vuex) export default new Vuex.Store({ plugins: [createPersistedState()], state: { data: [ {symbol: '', price: ''} ] }, mutations: { RECEIVE_PRICE(state, {symbol, price}) { state.data = { symbol: symbol, price: price } // state.data.push({ // symbol: symbol, // price: price //..

Vuex 레이스 조건 초심자가 Vuex에게 질문합니다.아마 뭔가 잘못하고 있을 거야.심플한 가게가 있습니다. export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: { items: [] }, getters: Object.assign({}, itemGetters), mutations: Object.assign({}, itemMutations), actions: Object.assign({}, itemActions), }); 게터들은 이렇게 되어 있습니다. export const itemGetters = { allItems: state => state.items, itemById: (state, getters)..

웹 확장의 공유 vuex 상태(데드 개체 문제) 웹 확장에서 공유 vue.js 상태를 사용하려고 합니다. 상태는 백그라운드스크립트의 DOM에 저장되어 팝업페이지에 표시됩니다. 첫 번째 시도 첫 번째 시도는 vuex가 없는 단순한 스토어를 사용하는 것이었습니다. background.displays(배경). var store = { count: 0 }; poppup.displaces browser.runtime.getBackgroundPage().then(bg => { var store = bg.store; var vue = new Vue({ el: '#app', data: { state: store }, }) }) poppup.displaces {{ state.count }} + 이것은 팝업이 처음 열렸을..

vuex를 사용하여 vue js의 제품 가격을 기준으로 어시딩과 내림차순으로 제품을 필터링하려고 합니다.하지만 어떻게 해야 할지 모르겠다. 저는 유튜브 튜토리얼을 통해 Vue js를 배워왔기 때문에 이 프로젝트에 가격을 기준으로 제품을 필터링하는 기능을 추가하고 싶습니다. 여기 내 코드가 있다. store/index.displaces import { createStore } from 'vuex' function updateLocalStorage(cart) { localStorage.setItem('cart', JSON.stringify(cart)) } export default createStore({ state: { cart: [], }, getters: { productQuantity: state =..

이미 정규화된 vuex-orm 데이터베이스에 데이터를 삽입하는 중 내가 받은 데이터가 이미 정규화되었다고 가정하거나 최소한 관계가 있다고 가정해봐이 데이터를 vuex-orm 데이터베이스에 삽입하려면 어떻게 해야 합니까? JSON 데이터의 예: { "carmodel": [ { "id": 1, "title": "M3", "manufacturer_id": 1 }, { "id": 2, "title": "a-class" "manufacturer_id": 2 } ], "manufacturer": [ { "id": 1, "title": "BMW" }, { "id": 2, "title": "Mercedes" } ] } 제조업체 모델과 자동차 모델은 다음과 같이 삽입됩니다. Manufacturer.insert({ dat..

Nuxt에서 Create() 글로벌 앱보다 먼저 접속하려면 어떻게 해야 하나요? Nuxt에서 before Create() 앱 사이클 메서드에 액세스하여 localStorage에서 Vuex 스토어로 데이터를 로드하고 싶은데 어떻게 하면 될까요?Nuxt 미들웨어를 사용하여 before Create() 효과를 얻을 수 있습니다. // /nuxtproject/middleware/store_check.js export default function ({ store }) { store.dispatch('stateModule/stateAction') } // /nuxtproject/pages/index.vue export default { components: { Header }, middleware: 'store_..

모든 액션 Vuex 전 콜 변환 Vuex에서는 변환이 커밋될 때마다 작업을 수행하는 플러그인을 작성할 수 있습니다.비슷한 기능을 가지고 행동할 수 있는 방법이 있을까요? vuexfire 라이브러리와 같은 작업을 "향상"할 수 있습니다. 이것이 가장 좋은 방법입니까? 제 목표는 현재 보류 중인 Ajax 콜의 수/여부를 추적하고 그 번호를 바탕으로 자동으로 애니메이션을 표시하는 것입니다. 편집: 명확하게 설명하자면 Vuex만 사용하여 추가 라이브러리를 가져오지 않고 이 작업을 수행할 수 있는 방법이 있는지 궁금합니다.Vuex v2.5 이후로는subscribeAction스토어의 각 디스패치액션 후에 호출되는 콜백 함수를 등록합니다. 콜백이 수신됩니다.action디스크립터(descriptor)type그리고.pa..

이 종속성을 찾을 수 없습니다(TypeScript, Vue). TS와 Vue는 처음입니다. vue-cli-service serve를 실행하려고 할 때 다음 오류가 표시됩니다. This dependency was not found: * @store in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/ts-loader??ref--12-1!./node_modules/vue-loader/lib??vue-loader-opt ions!./src/components/HelloWorld.vue?vue&type=script&lang=ts& To install it, you can run: npm install --save @store ./src/co..

vue-router의 비동기 저장소 데이터에 액세스하여 beforeHook에서 사용하는 방법Enter hook? 스토어 액션을 통해 비동기적으로 검색된 beforeEnter의 스토어 데이터에 액세스하는 방법은 무엇입니까? import store from './vuex/store'; store.dispatch('initApp'); // in here, async data will be fetched and assigned to the store's state // following is an excerpt of the routes object: { path: '/example', component: Example, beforeEnter: (to, from, next) => { if (store.state...

어레이가 변경되어 v-key가 지정된 경우에도 VueJ가 목록을 다시 렌더링하지 않음 두 개의 엔티티가 있습니다.카테고리와 서브카테고리와 두 개의 리스트.사용자가 범주를 선택하면 하위 범주 목록이 표시됩니다. 처음에는 정상적으로 동작하지만, 카테고리를 변경하면 오래된 서브 카테고리 리스트가 표시됩니다. 범주 및 하위 범주는 모두 vuex 저장소에 있습니다. 다음 방법으로 하위 범주를 계산하려고 했습니다. 계산된 속성 사용자가 범주를 선택하면 category_id별로 하위 범주를 필터링하고 새 목록을 반환하는 메서드를 호출합니다. 난 아무 것도 안 먹혔어.다음은 계산된 속성의 예입니다. subCategories() { return this.getClothingSubCategories.filter((subC..