Как я могу исправить '[vuex] неизвестный тип действия: lookupName' в моем компоненте Vue? - PullRequest
Новая
       27

Как я могу исправить '[vuex] неизвестный тип действия: lookupName' в моем компоненте Vue?

0 голосов
/ 29 марта 2019

У меня проблема с вызовом действия из моего компонента Vue с использованием этого. $ Store.dispatch ('lookupName').Я попытался записать в консоли метод this. $ Store, но действия внутри него пустые.

Main.js 

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

store / index.js 

import Vue from 'vue'  
import Vuex from 'vuex'
import { findCertificate } from '@/api';

Vue.use(Vuex)


const state = {  
  // single source of data
  nameLookup: {},

}

const actions = {  
  // asynchronous operations
  lookupName(context, form){
    return findCertificate(form)
  }
}

const store = new Vuex.Store({  
  state,
  actions,
  mutations,
  getters
})

export default store

Vue Component 

import VueRecaptcha from 'vue-recaptcha';
import { mapGetters,  mapActions} from 'vuex'

export default {
    created() {

    },
    methods: {
        ...mapActions({
            lookupName: 'lookupName'
        }),
        ...mapActions({
            add: 'lookupName'
        }),
        onCaptchaVerified: function(recaptchaToken){
            this.$refs.recaptcha.reset();
            console.log(this.$store.dispatch('lookupName', this.form))

        },
    }
}

Почему я все еще получаю эту ошибку?Я посмотрел на вопросы многих других людей о подобных проблемах, но эти решения не помогли мне.

...