嗨,我得到了这样的错误
[Vuex]未知的行动类型:addodo
我是Vue js的新手,现在我正在学习,请帮我解决这个问题.
代码是这样的
存储/索引.js公司
import { createStore } from 'vuex'
export default createStore({
state: {
todos: [
{
id: 1,
title: 'One'
},
{
id: 2,
title: 'Two'
},
{
id: 3,
title: 'Three'
},
]
},
getters: {
allTodos: (state) => state.todos,
},
mutations: {
addTodo({ commit }, todo){
commit("add_todo", todo)
}
},
actions: {
add_todo(state, todo){
state.todos.push(todo)
console.log(todo);
}
},
modules: {
}
})
还有今天.代码视图为
<template>
<div>
<div class="row">
<input v-model="todoText" class="col form-control mx-2" type="text" />
<button @click="addTodo(todoText)" class="btn btn-primary">Add List</button>
</div>
</div>
</template>
<script>
import { mapActions } from 'vuex'
export default{
name: 'TodoInput',
data(){
return{
todoText: ''
}
},
methods:{
...mapActions(["addTodo"])
}
}
</script>
我如何解决上述问题?