c10106

Composition API를 사용하여 Vuex name leted getter를 사용하는 방법 나는 현재 그것을 회수하려고 하고 있다.tagsVuex에서 Searchbar 모듈로.그러나 그것은 반응적이지 않다. 다음은 구성 요소: {{ tag.name }} import { defineComponent, computed } from '@vue/composition-api'; import store from '@/store/index'; import Tag from '@/components/BaseTag.vue'; export default defineComponent({ components: { Tag }, setup() { const tags = computed(() => store.getters['S..

VueJS $store.dispatch에서 여러 매개 변수 전송 두 번째 매개 변수를 디스패치 호출에 전달하고자 함: this.$store.dispatch( 'testAction', this.employee.employeeId, departmentId )); 내 저장소 액션은 다음과 같다. async testAction({ dispatch, commit }, employeeId, departmentId) { console.log(departmentId); return 'Employee Tested'; }, divisionId에 대한 콘솔 로그를 보면 "정의되지 않음"이 표시된다. 다수의 매개 변수를 전달하는 방법에 대한 단서는? 고마워요.설명서를 참조하십시오. https://vuex.vuejs.org/g..

Jest를 사용하여 VueJS 구성 요소의 사용자 지정 모듈 조롱 나는 내 Vue 구성요소 중 하나에 대해 간단한 Jest 유닛 테스트를 작성하려고 한다. 기술 스택:TypeScript, VueJS, Jest, Webpack, 구조: root - src - invite - accept.ts - accept.vue - test - invite - accept.ts - app.ts - jest.config.json - package.json 나는 Jest를 사용하여 종속 모듈을 조롱하려고 할 때 이상한 행동을 관찰해 왔다. src/succ/accept.ts: import Vue from "vue"; import Component from 'vue-class-component'; import { eventBu..

VueJS/VueX 최대 통화 스택 크기를 초과함 나는 현재 Vue 프로젝트를 하고 있고, 국가 관리를 위해 Vuex를 사용하고 있다.그러나 내 구성 요소의 아래 두 작업을 mapactions 및 mapgetter로 바인딩하면 콘솔에서 최대 호출 스택 크기가 오류를 초과함을 알 수 있다. 내가 뭘 잘못하고 있는지 모르겠어. import Vue from 'vue' import Vuex from 'vuex' import service from "../services/statisticsService" import moment from 'moment' Vue.use(Vuex) const state = { customersAndServicesOverTime:[], counters:{} } const actions..

오류: /Users/name/Desktop/blognewtonmcvue/store에서 ESLint 구성을 찾을 수 없음 eslint에 이 오류가 있다.나는 vue/vuex와 함께 일하고 있다.이건 내 스택 트레이스야 > Module build failed (from ./node_modules/eslint-loader/index.js): > Error: No ESLint configuration found in > /Users/name/Desktop/blognewtonmcvue/store. > at CascadingConfigArrayFactory._finalizeConfigArray (/Users/anme/Desktop/blognewtonmcvue/mevnexample/node_modules/eslint..

vuex의 "모사" 돌연변이 import { remoteSettings } from 'somewhere'; const store = { state: { view: { foo: true } }, mutations: { toggleFoo(state) { state.view.foo = !state.view.foo; } }, actions: { async toggleFoo({ state, commit }) { commit('toggleFoo'); await remoteSettings.save(state); } } }; 나한테 이런 간단한 가게가 있다고 말해줘. toggleFoo동작은 돌연변이를 적용한 다음 비동기 호출로 새 상태를 저장한다.그러나, 만약remoteSettings.save()호출 실패, 저장소에 ..

VueJS + VUEX + 소방 기지:소방 기지를 어디에 설치할 것인가? 나는 내 Vue에 Firebase를 통합하고 싶다.JS앱. 나는 파이어베이스에 대한 참조를 어디에 두어야 할지 궁금하다.프로젝트의 종속성으로 Firebase를 설치하려면 다음과 같이 하십시오.cd프로젝트 디렉터리로 이동하고 명령줄에서 다음 명령을 실행하십시오. npm install --save firebase 이제 main.js 파일에 이것을 추가하십시오. import Vue from 'vue' import App from './App.vue' import * as firebase from 'firebase' import { store } from './store/store' const config = { apiKey: "xxxxx..

VueJS에서 v-for 지시문을 사용하여 여러 루트 요소를 렌더링하는 방법 지금, 나는 내 노드에 공급된 최근 뉴스 게시물을 보여주는 웹사이트를 만들려고 한다.JS API. 다음 사항을 시도해 보았다. HTML {{item.title}} {{item.msg}} 자바스크립트 const news = new Vue({ el: '#news', data: { posts: [ {title: 'My First News post', msg: 'This is your fist news!'}, {title: 'Cakes are great food', msg: 'Yummy Yummy Yummy'}, {title: 'How to learnVueJS', msg: 'Start Learning!'}, ] } }) 보아하니, 부에..

Vue 3에서 Vuex 4로 데이터를 설정하지 않음 나는 Vue 3를 Vuex 4와 함께 배우고 있는데, 나는 그것이 간단하다고 확신하지만 나는 볼 수 없는 무언가에 사로잡혀 있다. 간단히 말해서, 나는 몇 가지 데이터를state내 부품에 사용할 수 있게 하려고 했는데 작동이 안 돼 코드 보여줄게: /// store.js import { createStore } from 'vuex'; import axios from 'axios'; const store = createStore({ state: { user: {}, products: [] }, mutations: { SET_USER: (state, user) => { state.user = user; }, SET_PRODUCTS: (state, produ..

필요한 정보를 얻기 위해 두 개의 가져오기 요청을 결합하려면 어떻게 해야 하는가? 나는 영화에 대한 정보가 있는 사이트를 쓰고 있다.나는 장르를 파악해야 한다.하지만 문제는 이것이다.모든 주요 정보가 위치한 요청서에는 id로 장르가 표시된다.이 아이디와 장르 이름이 있는 곳에 또 다른 요청을 해야겠어.부에 컴포넌트에서, 나는 루프를 만들었다.그것과 함께 장르 외에 기본적인 정보를 보여준다.어떻게 하면 두 가지 질문을 조합할 수 있을까? 내 코드: movies.js export default { actions: { async getPopularFilms({ commit }) { const res_movies = await fetch( 'https://api.themoviedb.org/3/movie/popu..