質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vuex

Vuexは、Vue.js アプリケーションのための状態管理ライブラリです。アプリケーション内で使用するコンポーネントのための集中データストアを提供。コンポーネント同士でデータをやり取りし、処理のフローを一貫させたり、データの見通しを良くすることができます。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

0回答

653閲覧

Vue.jsのmethodsで引数を受け取りたい

退会済みユーザー

退会済みユーザー

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vuex

Vuexは、Vue.js アプリケーションのための状態管理ライブラリです。アプリケーション内で使用するコンポーネントのための集中データストアを提供。コンポーネント同士でデータをやり取りし、処理のフローを一貫させたり、データの見通しを良くすることができます。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2020/10/17 02:45

編集2020/10/19 07:07

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でデータを受け取れていないのが原因だと思いますが、なぜそうなるのかが分かりません。
詳しい方、是非教えていただければ嬉しいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問