cyworld

JS에서 api 클래스를 작성하고 Vuex에 전화하여 상태를 변경하는 방법 Javascript에서 api 클래스를 쓰고 api 클래스에서 Vuex 상태를 변경해야 해.api 호출을 위해 다른 클래스로 작성해야 하는 store.js 파일(vuex) 작업은 다음과 같다.getCurrentWeatherData()그리고getDailyWeatherData() import Vue from "vue"; import Vuex from "vuex"; import plugins from "../../plugins/plugins"; import Axios from "axios"; Vue.use(Vuex); const store = new Vuex.Store({ strict: true, state: { city: JSON.p..

사용자가 Laravel에서 인증된 경우 Vue 구성 요소를 체크인하는 방법 제목이 말해주듯, 사용자가 로그인하고 Laravel의 Auth facade로 인증되었는지에 기반한 if/else 문장으로 내 Vue Component의 메소드를 어떻게 다루어야 할지 약간 혼란스럽다.나는 사용자가 로그인했는지 여부에 따라 허용/허용해야 하는 다양한 Axios 요청을 하고 있다. VUEX를 설정했으며 로컬 스토리지를 사용하여 iSLoggedin의 상태를 예를 들어 Laravel과 함께 사용할 수 있다고 생각 중이었습니다.하지만 이게 올바른 방법인지, 아니면 라라벨이 이미 인증확인을 저장하고 있는 것인지는 잘 모르겠다.그럼 내가 부에 있는 그 직장에 접속해도 될까? 내가 생각하기에 최고라고 생각하지 않는 불결한 해결책..

복잡한 개체에 대한 Vuex 모범 사례 내 Vuex 스토어에는 다양한 복잡성을 가진 물체가 있다.어떤 것들은 중첩된 물체를 가지고 있고, 어떤 것들은 중첩된 물체의 배열들을 가지고 있다. 다음과 같은 선에 따라 지정된 속성을 변이하는 일반 함수를 만들 수 있다. setProperty(state,{ type, id, prop, value }) { state[type][id][prop] = value; } 하지만 중첩된 개체, 즉 개체들의 배열은 금방 복잡해질 것이다.또한 내포되거나 다른 방법으로 모든 단일 객체 특성에 대해 돌연변이를 생성해야 하는 것은 매우 지루해 보인다. 개체, 중첩 개체, 배열 등을 수정하기 위한 돌연변이를 생성하는 모범적 실무 지침은? 또 다른 관련 이슈는 물체를 주에서 찾아보는 것..

VS 코드의 Vuex 스토어에 대한 인텔리센스 나는 vuejs2, vuex, 그리고 비주얼 스터디 코드의 타이프케이팅을 이용하여 애플리케이션을 만들고 있다.나는 내선 확장 장치를 설치했다.나는 대부분의 프로젝트를 위해 나에게 무감각을 주기 위해 정의 파일을 만들었지만, 나는 무감각에 내 vuex 상점을 추가하는 방법을 알아낼 수 없었다.정의 설명서를 읽어 보았지만, 어떻게 해야 할지 잘 모르겠어.내 목표는 안에 있는 모든 것에 대해 무감각해질 수 있는 것이다.this.$store.현재, Vetur는 에 대해 무감각을 제공한다.state,getters, 등. 그러나 그것은 다음 레벨에 대한 무감각을 제공하지 않는다(예.this.$store.state.TestVariable어떻게 하면 내 vuex 상점에 대..

오류: 렌더 함수에서 반환된 여러 루트 노드.v-dv-group 출신 나는 Vuex와 Vuetify를 사용한다. I am trying to create a.v-dialog구성 요소양식은 잘 나타나지만 의 이미지는v-item-group행방불명이다 Vue 구성 요소 Add Select Door Dimensions: Active {{name}} Door *indicates required field Close Save 브룩스 export const addDoors = { namespaced: true, state: { isDoorDimDialog: false, imgTypes: { Standard: '@/assets/door-icons/icon-doors-standard.png', Sliding: '@/ass..

Vuex 스토어에서 i18n-nuxt $t 사용 내 문제는 좀 구체적이다.나는 이 프로젝트에 Vuex와 Nuxt를 사용하고 있다.의존성을 위해 i18n-nnuxt를 사용하지만, 구성 요소에서 잘 작동하는 동안 $t('some.translation')를 $store에서 사용할 수 없다.나는 상상할 수 있는 모든 조합을 시도했지만 여전히 결과는 나를 같은 오류로 이끈다. ReferenceError $t is not defined또는Cannot read the property of i18n 그래서 이 경우에 나는 이 문제를 해결하기 위해 도움을 좀 쓸 수도 있고, 누군가 i18n을 필터로 사용하는 방법을 알려준다면 완벽할 것이다.(어느 길밖에 없다고 생각하나) 예를 들어 이 코드 블록은 $store.state..

TypeScript를 사용하여 vuex에서 커밋에 대한 유형 체킹을 추가하는 방법 나는 내 vuex 저장소에 이와 같은 액션 트리를 가지고 있다. export const actions: SalaryActionTree = { async setSalaryOperationUnpaidListByUserId( {commit}, {user_id, pageNum}) { try { let res = await SalaryOperationProvider.salaryOperationIndex({ form: { user_id, payed: '0', }, collectable: {pageNum}, }); commit({ type: 'some-mutatation', data: res.data; }); } catch (err) ..

PROPESS로 HTML 버튼 이름 속성을 전달하는 Vue js HTML 버튼 태그가 포함된 사용자 지정 구성 요소를 만들었기 때문에 이 구성 요소를 여러 번 공유 구성 요소로 상위 구성 요소에 사용하고 있다.HTML 버튼 태그에서 이름 속성을 소품으로 전달하여 동적 HTML 버튼 태그 이름 속성을 가질 수 있는지 알고 싶다. 코드네 바이올린 업데이트했다: https://codesandbox.io/s/00yxy5lqzn 내가 바꾼 것들: 토오글.뷔에 BUTTON HTML 특성을 변경하려면v-bind:그 앞에서, 당신은 수염을 사용할 수 없기 때문이다. 앱뷰 이중 점 제거 -> 이제 속성의 내용은 문자열로 해석된다. 편집: 이러한 방식으로 수행할 수 있는 대안(결과가 동일함):

Vuejs 프로젝트에서 Jest를 vuetify 및 vuex? 노드 모듈과 함께 사용하고 문제를 vuetify하는 방법 나는 현재 그 안에 Vuex와 Vuetify를 사용하는 Jest와 함께 Vue 프로젝트를 테스트하고 있어.어떤 구성 요소에서 어떤 것을 테스트할 때, 그것은 나에게 다음과 같은 많은 오류를 준다. console.error node_modules/vue/dist/vue.runtime.common.dev.js:621 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'dispatch' of undefined" found in ---> console.error node_modules/vue/dist/vue.runtime...

돌연변이를 통해 상태 속성을 동적으로 추가하는 방법 에 속성을 추가하려는 경우store.state돌연변이로매우 간단한 예: // state.js export default () => ({ Prop1: '1', Prop2: '2' }) //mutations.js export default { makeProp (state, anotherProp) { return state.anotherProp = anotherProp; } } // State Client export default () => ({ Prop1: '1', Prop2: '2', anotherProp: 'what ever' }) 다 잘 된다.하지만 더 이상 부에 컴포넌트에서는 반응하지 않는 것 같다.만약anotherProp새 값을 가져오면 구성 요..