Nuxt
1pages/test.Vue 2 3 4import { Todo } from '@/interfaces/Todo'; 5 6export const state = (): Todo => ({ 7 text: "", 8}); 9 10export const getters = { 11 getContents: (state: Todo) => { 12 return state.text; 13 }, 14}; 15 16export const mutations = { 17 add(state: Todo, content: string): void { 18 state.text = content; 19 }, 20}; 21
Nuxt
1 2store/test.ts 3 4 5<template lang="pug"> 6section.container 7 h1 HTMLタグ 8 9 input( 10 type="text", 11 name="content", 12 v-model="content" 13 ) 14 div 15 button(@click="add")="保存" 16 div 17 p {{$store.getters.test.getContents}} 18 19</template> 20 21<script> 22export default { 23 methods: { 24 add: function() { 25 this.$store.commit('test/add', { content: this.content }); 26 //値を空にする 27 this.content = ''; 28 } 29 }, 30}; 31</script>
エラー内容
unknown mutation type: test/add
こちらのコードで名前空間の指摘がされるのですが、どこが悪いのかがわかりません。
ご教授いただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。