prostudy

Axios 가로채기로 Vuex Store 가져오기 이것의 주된 용도는 Vuex 스토어에 모든 요청에 따라 자동으로 새로 고쳐지는 새로운 토큰을 저장하는 것이다.그러나, 나는 어떻게 가게를 수입할 수 있는지 이해가 되지 않는 것 같아, 그래서 나는 인터셉터로부터.dispatch('STORE_TOKEN')를 저장할 수 있다. 내 앱은 SSR이며 Vue APP 자체는 공장 방식 createApp()에 의해 생성되고 있다는 점에 유의하십시오. 어떻게 하면 가게를 수입해서 일을 시킬 수 있을까? app.js export function createApp () { // create store and router instances const store = createStore() const router = creat..

클래스 기반 Vue 구성 요소가 v-model 및 vuex와 함께 작동하지 않음 다음 사항을 달성하고 싶다.나는 양식 입력을 가지고 있고 그것을 vuex에 있는 해당 저장 상태의 값에 바인딩할 필요가 있다. 사용자 상호 작용을 통해 필드의 값이 변경될 때마다 스토어를 업데이트된 값으로 덮어쓰게 된다. vuex 저장소에서 값이 업데이트될 때마다 필드에 업데이트된 값이 표시됨 다음 코드 조각은 이 코드를 매우 잘 설명해야 한다.

Vue.js - 공리 요청에 응답 데이터가 없는지 확인하는 방법 사용자에게 제공된 IP 주소가 예상 IP인지 테스트하려고 하므로 IP가 올바르면 성공으로 반환되지만 IP가 잘못되면 응답 데이터를 반환하지 않는 API 서비스를 실행할 것으로 예상되는 IP 주소로 Vue.js 애플리케이션 앞부분에서 무슨 일이 일어났는지 알고 싶다.사용자에게 경보를 발한다. 경보가 성공적으로 실행되면 경보를 발할 수 있지만 아무 일도 일어나지 않을 경우 오류 메시지를 어떻게 수신할 수 있는가? 이게 내 암호야 PublisherUrl().get('/api/publish-lv/').then(()=>{ Toast.fire({ icon: 'success', title: 'Publisher Connected Successfully' ..

상태 Vuex/Vue/Nuxt에서 새 속성 개체를 추가하는 방법 나는 주가 있고, 나는 새로운 재산을 넣고 싶다.foo: 'bar'로detail주 export const state = () => ({ detail: {a: 'b', c: 'd'} }) export const mutations = { SET (state, data) { state.detail.foo = 'bar' } } 그리고 나는 html로 상태를 보여준다. {{ data}} /* {a: 'b', c: 'd'} */ 자료가 보이고 있다.{a: 'b', c: 'd'}, 그러나 추가할 버튼을 클릭할 때foo: 'bar'상태가 변경되지만 html에서는 새로 고쳐지지 않는다. imush F5(브라우저 새로 고침)는 새 데이터를 표시하도록 한다.f..

vue 구성 요소에서 vuex를 사용하는 방법? 나는 vuex 예시 프로젝트를 가지고 있다. app.vue: {{message}} app.store.js: import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const state = { message: "Hello World" }; const getters = { message: state => state.message }; const store = new Vuex.Store({ state, getters }); export default store; {{message}} 자리 표시자는 "Hello World" 대신 빈 문자열로 대체한다.vue 구성 요소에서 vuex를 사용하는 방법먼저 다음과 ..

Vue 구성 요소의 Vuex 돌연변이에 대한 호출을 테스트하는 방법 다음과 같은 방법을 사용하는 vue 구성 요소가 있다고 가정하십시오. methods:{ doSomething(someParameter){ //maybe do something with that Parameter this.$store.commit("storeSomething",someParameter); let someParameter2 = this.transformToSth(someParameter); this.$store.commit("storeSomethingElse",someParameter2); } } 이런 시험이 제이에스에서 통하려면 어떻게 해야 하나? test("that the commit was correctly called..

Vue.js + Vuex: 중첩된 항목 상태를 변경하는 방법 내가 나무 따라다닌다고 하자. [ { name: 'asd', is_whatever: true, children: [ { name: 'asd', is_whatever: false, children: [], }, ], }, ], 트리는 Vuex를 통해 키 '트리' 아래에 있는 모듈에 저장되며 '재귀-항목'이라고 불리는 다음과 같은 재귀적 구성 요소로 루프를 통과한다. {{ item.name }} on off 이제 항목의 속성을 'is_whatever'로 전환하고 싶으므로 수신기를 첨부한다. on off 클릭하면 동작하지만, 다음과 같은 동작이 나온다. "Error: [vuex] Do not mutate vuex store state outside ..

vuex 작업에서 호출될 때 REST API 호출의 오류를 처리해야 하는 위치 나는 Vuex 동작에서 REST API를 호출하여 일부 데이터를 가져온 다음 돌연변이에 커밋하는 전형적인 시나리오가 있다.비동기/와이트 구문을 사용하고 시도/캐치/마지막 블록을 사용한다.내 vuex 모듈은 다음과 같이 생겼다. const state = { users: null, isProcessing: false, operationError: null } const mutations = { setOperationError (state, value) { state.operationError = value }, setIsProcessing (state, value) { state.isProcessing = value if (val..

Vuex - 대용량 데이터 집합 처리 방법(항목 개별 부하) 예를 들어, 수천 개의 항목이 있다고 합시다.모두 페이지 로드에 실어 매장에 비치하는 것은 실용적이지 않을 것이다.정확히 어떻게 대처하시겠습니까? 매장에 실제로 요청된 품목만 추가해 주시겠습니까?아직 현지 매장에 물건이 없는 경우, 여기서 가장 좋은 방법은 무엇인가? 로컬 스토어에 아직 없지만 api에서 사용할 수 있는 항목을 '요청'하고 있다고 가정합시다. 빈 항목/오류 반환 전에 api에서 해당 항목을 자동으로 검색하시겠습니까? 이것을 어떻게 구현하는지에 대한 모범적 실무 지침이 있는가?그것은 꽤 흔한 사용 사례인 것 같다. 항상 전체 데이터 세트(또는 최소 버전)를 로드하도록 해야 하는가? 또한: 항목이 항상 변경되는 경우(다른 사용자)구..

npm 패키지의 덮어쓰기 유형 정의 나는 vuexfire와 함께 direct-vuex 패키지를 사용한다.이제 나는 vuexfire와의 호환성을 위해 직접 vuex 패키지에서 몇 가지 타입 디프를 변경해야 해. 내가 어떻게 그럴 수 있을까? 내 타입 파일에 직접 vuex 모듈을 선언해도 아무런 효과가 없다.나의 다른 타입은 작동이 잘 안 된다. declare module 'direct-vuex' { export type ToDirectStore = ShowContent type DirectActions = ToDirectActions & GetActionsInModules & MergeActionsFromModules type ToDirectActions = { [K in keyof T]: Paramete..