이것을 Vuex 스토어에서 사용할 수 있습니까?

이것을 Vuex 스토어에서 사용할 수 있습니까?

vue-cookies와 vue-resource를 사용하여 프로젝트를 만들고 다음을 사용하여 쿠키에 액세스하려고 합니다.this.$cookies.get('my-cookie')그리고 API를 요청합니다.this.$http.post('URL')스토어에서 액세스할 수 없는 Tutthis.

스토어에서의 나의 액션.js:

checkCookies: () => {
    if (this.$cookies.get('test') === null) {
        console.log('vide')
        //envoyer sur la page de connexion
    } else {
        console.log('pas vide')
        this.$http.post('URL', {

        })
    }
}

내 작업을 호출하는 방법(클릭 시 메서드 호출):

test() {
        return this.$store.dispatch('checkCookies')
      }

내 테스트 기능의 호출 방법:

<v-btn @click="test">cookies!</v-btn>

실행할 때 이 오류가 발생합니다.checkCookies:

v-on 핸들러 오류: "TypeError: _이것은 정의되지 않았습니다."

나는 사용할 것입니다.this보통 우리 가게에서는 패키지를 하나씩 가져와서 사용할 수 있다는 것을 알고 있지만, 사용할 방법이 있는지 알고 싶습니다.thisvuex to?

this.$cookies그리고.this.$http이러한 기능이 다음에 추가되기 때문에 구성요소 방법 내에서 작업합니다.Vue.prototype각 플러그인을 사용합니다.

어쨌든 이것들은 편의적인 방법일 뿐입니다. 이러한 플러그인은 동일한 방법을 설치합니다.Vue직접:

this.$http    -> Vue.http
this.$cookies -> Vue.$cookies

만약 당신이 정말로 할 수 있기를 원한다면.this.$httpVuex 작업 내에서 저장소에 메서드를 할당해야 합니다.

const store = new Vuex.Store({ ... })

// Make sure you have registered the Vue plugins by this point
store.$http = Vue.http
store.$cookies = Vue.$cookies

언급URL : https://stackoverflow.com/questions/62532364/can-i-use-this-in-vuex-store