前提・実現したいこと
投稿したデータをストアで格納して、投稿一覧のページに投稿テンプレートとして表示したいです。
初歩的な質問にはなるとは思いますが、御教示頂けますと幸いです。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
post.vue(投稿フォーム) <template> <v-card-text> <v-form> <v-textarea v-model="post" label="学んだ事" outline></v-textarea> <v-btn class="primary" @click="submit" >投稿</v-btn> <v-btn class="accent">削除</v-btn> </v-form> </v-card-text> </template> <script> import { mapActions } from 'vuex' export default { data () { return { post: [] } }, methods: { submit () { this.addPost(this.post) this.$router.push({name:'postsList'}) this.post = [] }, ...mapActions(['addPost']) } } </script> post.list(投稿一覧) <template> <!-- <router-link :to="{ name: 'postsList' }"> --> <v-card-text> <v-form> <v-textarea :items='posts' label="学んだ事" outline> <template v-slot:items="props"> <td class="text-xs-left">{{ props.item.posts }}</td> </template> </v-textarea> <!-- </router-link> --> </v-form> </v-card-text> </template> <script> export default { created () { // 連絡先のデータをストアに取り行くようにする this.posts = this.$store.state.posts }, data (){ return { posts: [] } } } </script> store.js Vue.use(Vuex) export default new Vuex.Store({ state: { posts: [] }, mutations: { addPost (state, post) { state.posts.push(post) } }, // コンポーネントのインターフェイスとなる部分 actions: { // ミューテーションにpostを受け渡す addPost ({commit}, post) { commit('addPost', post) } },
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/13 07:54
2019/05/13 09:24
2019/05/13 11:26 編集
2019/05/13 13:26