gigabyte

axios를 사용하여 vuex의 API에서 데이터를 얻는 방법은 무엇입니까? API larabel에서 가져온 데이터를 가지고 있으며, 여기 상태에 있는 코드가 있습니다.js import axios from 'axios' import {apiPostGet} from '../api/api' export default { data: axios({ method: 'GET', url: apiPostGet('Kategori') }).then( response => { return response.data.kategori } ).catch( error => { return error.response } ) } 그리고 이건 gteeters.code로 된 내 코드야. export default { datas: state..

Vuex에서 vue 인스턴스에 액세스하는 방법 글로벌 변수를 선언합니다.main.jsVue.js 프로젝트입니다. Vue.prototype.$API = "myapihere" 어디서든 이걸 쓰고 싶은데 이걸 쓰면 제대로 되는 것 같아요.this.$API. 하지만 Vuex에서는 그것은 작동하지 않는다. console.log(this.$API); 여기서this.$API정의되어 있지 않습니다. 사용방법$APIVuex에 있습니다.Vue 2 및 Vuex 3의 답변 스토어에서는 vue 인스턴스에 액세스하여 vue 인스턴스에 액세스할 수 있습니다.this._vm const store = new Vuex.Store({ mutations: { test(state) { console.log(this._vm); } } }); ..

Vuex의 setimeout 기능 내 상태를 변경 및 커밋할 수 있습니까? form(@submit.prevent="onSubmit") input(type="text" v-model="platform" placeholder="Add platform name...") input(type="submit" value="Submit" class="button" @click="clicked = true") button(type="button" value="Cancel" class="btn" @click="cancelNew") Cancel h3(v-if="clicked") Thank you for adding a new platform span {{ countdown }} 이것은 저의 템플릿으로 사용자가 폼을 제출하..

TypeError: 정의되지 않은 속성 'get'을 읽을 수 없습니다(Vue-resource 및 Nuxt). Vuex 스토어에서 이와 같은 오류가 발생하고 있습니다. TypeError: 정의되지 않은 속성 'get'을 읽을 수 없습니다. vue-리소스에 대한 플러그인을 이미 추가했습니다. 이 에러를 수신하고 있는 것은, 제 코드입니다. async getAllStudents({commit}) { await Vue.$http.get(`/api/students`) .then((res) => { if (res.status === 200) { commit('setAllStudents', res.data) } }).catch(function(error) { console.log(error); }); },사용해보십시..

Vue 구성 요소의 Vuex 바인딩 유형을 선언하는 방법 Vuex를 사용하고 있습니다.mapStateVue 컴포넌트(사용)Vue.extend, 클래스 스타일이 아님): computed: { ...mapState('geoframes/create', [ 'apiRequestId', 'countPending', 'deviceCount', 'requestId', ]), Vue 구성 요소에서 참조하는 메서드this.deviceCount예를 들어 TS 오류가 Vuex를 통해 컴포넌트에 바인딩되어 있는지 인식하지 못하기 때문에 TS 오류가 발생하고 있습니다. 어떻게 대처해야 할까요?Vuex의 버그인 것으로 밝혀졌습니다. https://github.com/vuejs/vuex/issues/1353언급URL : https..

Nuxt.js nuxtServerInit 및 Vuex를 사용하여 데이터 서버를 로드하는 중 현재 저는 구인신청을 위한 데이터 저장 작업을 하고 있습니다.백엔드는 Larabel을 사용하고 프런트엔드는 Nuxt.js를 사용합니다.Nuxt는 처음이라 다음 문제에 대해 고민하고 있습니다. 저는 뉴잡이라고 하는 새로운 구인 페이지를 가지고 있습니다.그리고 주(州)를 관리하기 위해 jobs.js라는 가게도 만들었어요 새 직장에서요.vue i에는 양식이 시작되기 전에 목록에 렌더링해야 하는 데이터가 포함된 양식이 있습니다.모든 나라의 리스트 등폼에서 선택할 수 있게 되어 있습니다. 이 시점에서는 새로운 작업의 내보내기 기본값 내에서 비동기 데이터를 사용하고 있습니다.vue: export default { asyncD..

입력 필드를 바인딩하고 vuex 상태를 동시에 업데이트하는 방법 저는 리액트 배경에서 왔습니다.소품에서 상태를 설정하기만 하면 전화할 수 있습니다.setState({...})vue/vuex에서는 상태를 갱신할 수 없습니다. 심플화: Vuex 주 name: "Foo bar" Vuex 액션 addName 상태를 변경할 수 있지만 입력 필드를 바인딩해야 하며 변경 시 상태가 업데이트됩니다.사용자 세부 정보가 미리 채워져 있고 이름을 변경할 수 있는 업데이트 양식이라고 생각하십시오.

Vuetify Switch를 사용하여 Vuex 상태 변경 Vuetify로 멀티 컴포넌트 Vue 앱을 만들고 있으며 설정 페이지(설정)를 구현했습니다.(vue) 및v-switch앱을 다크 모드로 변경할 수 있습니다.스위치의 초기 상태를 취득하려면v-model="this.$store.state.isDark"하지만 클릭할 때 메서드를 실행하도록 설정합니다.@change="changeDark()". methods methods: { changeDark: () => this.$store.dispatch("commitDarkMode") } 콘솔에 이 오류가 표시됨 Error in v-on handler: "TypeError: Cannot read property '$store' of null" Cannot read..

Vuex 스토어에서 Vue-Resource 사용 중 최대 콜스택 크기 오류 가져오기 vuex를 사용하여 api에서 컴포넌트로 어레이를 가져오려고 하는데 난감해져서 아마 이 작업을 시도할 수 없을 것 같습니다.컴포넌트에서 API에 직접 액세스하여 다음과 같이 셋업했습니다. data () { return { catalog:[], } }, created() { this.$http.get('https://example.net/api.json').then(data => { this.catalog = data.body[0].threads; }) } 참고로 json은 다음과 같습니다. [{ "threads": [{ "no: 12345, "comment": "comment here", "name": "user" }, ..

Vue.js 2.Axios 인터셉터에서 Vuex를 사용하는 방법 요격기를 가지고 있는데 그걸 이용해서Vuexgetters, 단, Import할 때store나는 받는다undefined. 여기 제 것이 있습니다.src/plugins/http.js코드: import Vue from 'vue' import store from '../store' import axios from 'axios' axios.interceptors.request.use( (config) => { if (store.getters['auth/hasAccessToken']) { config.headers['Authorization'] = 'Bearer ' + store.getters['auth/accessToken'] } } ); 여기 제 ..