类型错误:无法读取未定义的属性“提交”

时间:2021-05-10 07:34:09

标签: laravel vue.js vuex vue-router

请帮我解决这个问题,我正在使用 vue js v2,我也是新手,但我有一些无法读取提交的问题。当我登录并通过保护路由重定向到我的仪表板时

有人可以帮我吗?

store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    state:{
        authenticated: false
    },
    mutations: {
        setAuthentication(state, status){
            state.authenticated = status
        }
    },
})

export default store

方法

methods: {
       login(){
           axios.post('/api/v1/login', this.form)
           .then(response =>{
            //    this.$router.push('dashboard')
                  this.$store.commit('setAuthentication', true);
                  this.$router.replace({name: 'dashboard'})
           })

       }
   }

2 个答案:

答案 0 :(得分:0)

试试

$store.commit('{fileName}/{mutatorName}', value);

就你而言

$store.commit('store/setAuthentication', true);

答案 1 :(得分:0)

试试这个。

    import Vue from 'vue'
    import Vuex from 'vuex'
    Vue.use(Vuex)
    
    export default new Vuex.Store({
        state : { 
            authenticated: false, 
        }, 
        mutations: {
            setAuthentication(state, data) {
                state.authenticated= data;
              },
        }, 
    })


this.$store.commit('setAuthentication',true);