vuexにて選択されたradioボタンの値を違うページで出力したいのですが、うまくいきません。同じページに手の出力はうまくいきました。step1.vueのradioボタンで選択されている値をtest.vueで出力したいです。コードは以下の通りです。
vue
1test.vueです 2<template> 3 <div> 4 <p>Picked: {{ picked }}</p> 5 <h1>test</h1> 6 <router-view></router-view> 7 </div> 8</template> 9<script> 10export default { 11 computed: { 12 picked: { 13 get() { 14 return this.$store.state.picked; 15 }, 16 set(value) { 17 this.$store.commit("setpicked", value); 18 }, 19 }, 20 }, 21}; 22</script>
vue
1step1 2 3<input type="radio" id="man" value="man" name="seibetu" v-model="picked"/> 4<label for="man">男性</label> 5<input type="radio" id="woman" value="woman" name="seibetu" v-model="picked"/> 6<label for="woman">女性</label>
javascript
1store.js 2 3import Vue from "vue"; 4import Vuex from "vuex"; 5Vue.use(Vuex); 6export default new Vuex.Store({ 7 state: { 8 picked: "", 9 }, 10 mutations: { 11 setpicked(state, picked) { 12 state.picked = picked; 13 }, 14 }, 15});
ご教授お願いします
あなたの回答
tips
プレビュー