cyworld

vuex 작업 및 jsdoc: 주입된 함수 매개 변수를 표시하는 방법 일반적인 vuex 작업은 다음과 같습니다. const actions = { /** * @param {ActionContext} context passed by vuex * @param {Object} payload * @return {void} */ myAction(vuexContext, payload) {...} } vuexContext가 삽입되고 앱에서는 이 기능을 다음과 같이 사용합니다.myAction(payload)그러나 이 경우 WebStorm IDE는 잘못된 인수 수에 대해 불만을 제기합니다. 혹시 해결 방법이 있을까요?마킹도 가능합니다.context파라미터(옵션): /** * @param {ActionContext} [vu..

Vue는 Vuex의 커밋을 듣습니까? 커밋에 의해 변경된 속성을 감시하지 않고 Vuex 커밋을 듣는 방법이 있습니까?그냥 약속이 있었는지 알아내는 것 뿐인가요? NPM 패키지에 넣는 필터 컴포넌트가 있지만 필터가 선택될 때마다 필터 기본 설정을 저장하는 쿠키를 설정하는 사용 사례는 이미 있습니다. 쿠키 등을 설정하는 것은 필터 컴포넌트의 책임이 아니며 이는 옵션이어야 합니다. 글로벌 이벤트 버스를 이용하는 것도 한 방법이지만, 패키지를 사용하는 사용자는 필요한 대로 설정해야 합니다.필터 이벤트가 발생할 때마다 사용자는 필요한 작업을 수행할 수 있습니다. 이거 어떻게 보관하지?SRP사용자가 특정 이벤트에 접속할 수 있도록 하면서 NPM 패키지로 청소할 수 있습니까? 다소 대담한 질문이지만 요점을 이해하셨으..

(getter 없이) vuex 상태 속성에 직접 액세스하는 것은 잘못된 관행입니다. 그 이유는 무엇입니까? 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 4년 전에 문을 닫았어요 이 질문을 개선하다 my store.js 파일이 여기에 있는 경우: const state = { count: 0, loggedIn: false } const mutations = { UP_COUNT(state) { state++; } } const actions = { upCount({ commit }) { commit('UP_COUNT'); } } 예를 들어 상태를 높이라고 합시다.countVue 컴..

Vuex: 컴포넌트 내에서 액션을 사용하는 것과 처리를 사용하는 것의 차이점 Vuex의 작업이 컴포넌트 내에서만 처리되지 않는 이유를 알 수 없습니다. 기본 스토어가 있는 경우: store.displaces를 설정합니다. const initialState = () => ({ overlayText: '' }) const mutations = { setOverlayText: (state, payload) => { state.overlayText = payload; }, } const actions = { clearOverlay: (context, data) => { return axios.get(data.url).then((response) => { context.commit('setOverlayText',..

Vuex: 작업 내에서 완전히 중첩된 상태 데이터를 변경할 수 없습니다. 스토어에서 몇 가지 데이터를 갱신하는 액션이 있습니다.액션은 다음과 같습니다. setRoomImage({ state }, { room, index, subIndex, image }) { state.fullReport.rooms[room].items[index].items[subIndex].image = image; console.log(state.fullReport.rooms[room].items[index].items[subIndex]) }, 이 모든 데이터는 동적이기 때문에 중첩된 값을 동적으로 변경해야 하며 속성을 직접 하드 코딩할 수 없습니다.데이터는 다음과 같습니다. fullreport: { rooms: { abc: { i..

컴포넌트가 직접 변이를 커밋해야 합니까? 돌연변이 장에서 mapMutations를 사용하여 돌연변이를 구성 요소 메서드에 매핑하는 예를 볼 수 있습니다. 라고도 쓰여 있다. 이것으로 구성 요소의 돌연변이를 커밋할 수 있습니다.$store.commit xxxxxxxx') 따라서 vuex에서 컴포넌트(액션을 통하지 않음)에서 직접 변이를 커밋하는 것은 문제가 없습니까? 이 경우 다음 그림을 업데이트해야 할 수 있습니다. mapMutations 메서드를 계속 사용해야 합니까?제가 알기로는, 액션은 주로 여러 돌연변이로 구성될 수 있는 비동기 작업에 사용됩니다.네, 돌연변이를 직접 사용해도 괜찮습니다. 그게 바로 돌연변이가 만들어진 이유죠.여러 돌연변이와 관련된 보다 복잡한 워크플로우가 있는 경우에만 작업으로 ..

Axios 호출 후 Vuex 상태를 업데이트하는 방법 Nuxt 앱을 만들고 있으며 로컬 호스트에서 실행 중인 노드 백엔드에서 데이터를 가져오고 있습니다. getApps.js 플러그인이 있습니다. export default ({ store }) => { store.dispatch('getApps') } 이는 Vuex에서 getApps 액션을 호출하는 것입니다. actions: { getApps (context) { const {commit, state} = context commit('setLoading', true) let url = `apps?limit=${state.loadLimit}&page=${state.page}` if (state.query) url = `${url}/q=${state.quer..

Vue Full Calendar의 다음 달 및 이전 달 감시자 Vue.js와 함께 FullCalendar 라이브러리를 사용하고 있습니다. 기본 prev, next 및 today 버튼을 사용하여 자신의 작업을 트리거할 수 있습니까? 원하는 대로 할 수 있는 커스텀 버튼을 만들었지만 기본 버튼을 사용하는 것을 선호합니다. 현재 메서드에 연결된 버튼이 있습니다. Next Month 이 방법을 다음과 같이 부릅니다. handleMonthIncrement: function(arg) { // update month and year this.incrementMonth(); // update calendar let calendarApi = this.$refs.fullCalendar.getApi(); calendarAp..

할당 후 입력값 변경 혼란스러운 상황입니다.route param에서 입력 요소에 값을 할당하고 있습니다. 그리고 검색 계산 함수는 computed: { search() { if(this.serviceBenefitRoute) { return this.serviceBenefitRoute; } return this.$store.state.search; } } 내가 직면하고 있는 문제는this.serviceBenefitRoute값이 입력란에 표시되지만 삭제할 수 없습니다.계속 유지되고 있습니다.삭제하려고 해도 다시 반환됩니다.나는 이 문제에 꽤 오랫동안 시달리고 있고 아이디어가 없다. 초기값을 설정하려는 것처럼 들립니다.search먼저 경로에서 출발한 후 다시 상점으로 돌아갑니다. 이거 쓸 수 있을 거야 dat..

Vuex(Nuxt)에서 SAS와 Javascript 간의 변수 공유가 가능합니까? 질문대로.Vue, Vuex(Nuxt)를 사용하고 있으며, @nuxtjs/style-resources: "^1.0.0"을 사용하여 모든 믹스인과 sass 변수를 공유합니다. "nuxt-sass-resources-loader"의 최신 버전인 "^2.0.5"는 무엇입니까? 여기와 같은 웹 팩과 호환성이 있다는 것을 알고 있습니다.그러니까 궁금한 것은 비슷한 방법으로 웹 팩을 실행하는 것이 좋은지, 어떻게 설정하는지에 대한 것입니다.무엇을 설치해야 하는지, 어떻게 하면 nuxt.config.js에 추가할 수 있습니까? 편집: 나도 그 기사를 찾았지만 나에게는 효과가 없다.간단한 답변: 네. SAS 에는 변수를 내보내는 옵션이 준비..