Vue.js+Vuexでアプリを作成しているのですが、methods内で引数を受け取れず、エラーが出てしまいます。
原因が分からず、質問させていただきました。
●ソースコード
App.vue
1<template> 2 <div class="container"> 3 <div class="row"> 4 <div class="col-6 offset-3 mt-4 mb-4"> 5 <div class="card"> 6 <div class="card-header bg-light text-center"> 7 <p class="text-secondary mb-0"> 8 <i class="fas fa-file-alt mr-1"></i>お客様情報を入力してください 9 </p> 10 </div> 11 <div class="card-body"> 12 <div class="sex"> 13 <p class="control-label text-info">-性別-</p> 14 <div class="form-group"> 15 <input 16 @click="setVal($event, gender)" 17 value="男性" 18 type="radio" 19 name="gender" 20 id="man" 21 /> 22 <label for="man">男性</label> 23 </div> 24 <div class="form-group"> 25 <input 26 @click="setVal($event, gender)" 27 value="女性" 28 type="radio" 29 name="gender" 30 id="woman" 31 /> 32 <label for="woman">女性</label> 33 </div> 34 </div> 35 36 <div class="birth"> 37 <div class="form-group"> 38 <p class="control-label text-info">-生年月日-</p> 39 <div class="d-inline mr-2"> 40 <input 41 @click="setVal($event, year)" 42 type="number" 43 id="year" 44 min="1900" 45 max="2010" 46 /> 47 <label for="year">年</label> 48 </div> 49 <div class="d-inline mr-2"> 50 <input 51 @click="setVal($event, month)" 52 type="number" 53 id="month" 54 min="1" 55 max="12" 56 /> 57 <label for="month">月</label> 58 </div> 59 <div class="d-inline mr-2"> 60 <input 61 @click="setVal($event, day)" 62 type="number" 63 id="day" 64 min="1" 65 max="31" 66 /> 67 <label for="day">日</label> 68 </div> 69 </div> 70 </div> 71 </div> 72 </div> 73 74 <div class="page-move mt-4 text-center"> 75 <router-link 76 :to="{ 77 path: '/basic', 78 }" 79 > 80 <button class="btn btn-info col-4">次に進む</button> 81 </router-link> 82 </div> 83 </div> 84 </div> 85 </div> 86</template> 87 88<script> 89export default { 90 computed: { 91 gender() { 92 return this.$store.state.gender; 93 }, 94 year() { 95 return this.$store.state.year; 96 }, 97 month() { 98 return this.$store.state.month; 99 }, 100 day() { 101 return this.$store.state.day; 102 }, 103 }, 104 methods: { 105 setVal: function(e, content) { 106 content = e.target.value; 107 } 108 } 109}; 110</script>
setVal関数のcontentでデータを受け取れていないのが原因だと思いますが、なぜそうなるのかが分かりません。
詳しい方、是非教えていただければ嬉しいです。
あなたの回答
tips
プレビュー