編集履歴

質問編集履歴

文法の修正

2021/09/23 04:07

投稿

anko__

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -130,50 +130,6 @@
         <th class="player">選手 <span style="font-size: 12px ;width:100%"></span></th>
-        <th>打率 <span style="font-size: 12px"></span></th>
-        <th>試合 <span style="font-size: 12px"></span></th>
-        <th>打席数 <span style="font-size: 12px"></span></th>
-        <th>打数 <span style="font-size: 12px"></span></th>
-        <th>得点 <span style="font-size: 12px"></span></th>
-        <th>安打 <span style="font-size: 12px"></span></th>
-        <th>二塁打 <span style="font-size: 12px"></span></th>
-        <th>三塁打 <span style="font-size: 12px"></span></th>
-        <th>本塁打 <span style="font-size: 12px"></span></th>
-        <th>塁打 <span style="font-size: 12px"></span></th>
-        <th>打点 <span style="font-size: 12px"></span></th>
-        <th>盗塁 <span style="font-size: 12px"></span></th>
-        <th>盗塁刺 <span style="font-size: 12px"></span></th>
-        <th>犠打 <span style="font-size: 12px"></span></th>
-        <th>犠飛 <span style="font-size: 12px"></span></th>
-        <th>四球 <span style="font-size: 12px"></span></th>
-        <th>敬遠 <span style="font-size: 12px"></span></th>
-        <th>死球 <span style="font-size: 12px"></span></th>
-        <th>三振 <span style="font-size: 12px"></span></th>
-        <th>併殺打 <span style="font-size: 12px"></span></th>
-        <th>長打率 <span style="font-size: 12px"></span></th>
-        <th>出塁率 <span style="font-size: 12px"></span></th>
       </tr>
     </thead>
@@ -184,51 +140,7 @@
         <td>{{ index + 1 }}</td>
-        <td class="strEle">{{ item.player }} {{ item.team }}</td>
+        <td class="strEle">{{ item.player }} {{ item.team }}</td>
-        <td>{{ item.avarage }}</td>
-        <td>{{ item.games }}</td>
-        <td>{{ item.totalPlateAppearance }}</td>
-        <td>{{ item.atBat }}</td>
-        <td>{{ item.runsScored }}</td>
-        <td>{{ item.hit }}</td>
-        <td>{{ item.twoBaseHit }}</td>
-        <td>{{ item.threeBaseHit }}</td>
-        <td>{{ item.homeRuns }}</td>
-        <td>{{ item.totalBases }}</td>
-        <td>{{ item.runBatted }}</td>
-        <td>{{ item.stolenBases }}</td>
-        <td>{{ item.caughtStealing }}</td>
-        <td>{{ item.sacrificeHit }}</td>
-        <td>{{ item.sacrificeFly }}</td>
-        <td>{{ item.baseOnBalls }}</td>
-        <td>{{ item.intentionalBasesOnBalls }}</td>
-        <td>{{ item.hitByPitch }}</td>
-        <td>{{ item.strikeouts }}</td>
-        <td>{{ item.groundIntoDoublePlay }}</td>
-        <td>{{ item.sluggingPercentage }}</td>
-        <td>{{ item.onBasePercentage }}</td>
       </tr>

文法の修正、質問内容の改善

2021/09/23 04:07

投稿

anko__

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,7 +1,5 @@
 ■やりたいこと
 検索フォームから年度とリーグを設定し、
 検索ボタンをクリック後に該当年の選手一覧を表示すること。
@@ -10,7 +8,7 @@
-下記の画面にて、
+下記のHTMLにて、
 <label id="leag">と<form id="selectDate">で設定した、
@@ -18,18 +16,34 @@
+■確認できたこと
+パリーグ、2005年を選択して
-画面の表示自体は正常にされるのですが、
+検索ボタンをクリックしたところ、
-<button id="showButton"を押下後に、上記で設定したリーグと年を取得する(bindする)ことが
+showPlayersのファンクション内で変数strに"batp2005"と期待している値を埋め込むことはできたのですが、
+文字列として認識されているため、jsonで定義しているbatp2005を見に行かず、
-できずに困っています。
+空のdataが返却されてしまいます。
+(*上記ファンクション内で、app.items=batp2005と直書きした場合、想定通りの挙動になったため、
+　ダブルクォーテーションで囲んであることが問題と認識しています。)
+■改めてお聞きしたいこと
+上記のstrを文字列として認識せず、正常に検索処理が行われるために改修すべき点、
+または、検索フォームの実装において、別の案がありましたらご教授いただけると幸いです。
 初心者な質問で申し訳ございませんが、
-ご教授いただけると幸いです。
 よろしくお願いいたします。
@@ -72,37 +86,35 @@
-	<div>
+<div>
-	<label id="leag">
+<label id="leag">
-      <!-- ラジオボタンを設定します。 -->
-      <label><input type="radio" v-model="value" value="batc">セリーグ</label>
+  <label><input type="radio" v-model="value" value=batc>セリーグ</label>
-      <label><input type="radio" v-model="value" value="batp">パリーグ</label>
+  <label><input type="radio" v-model="value" value=batp>パリーグ</label>
-    </label>
+</label>
-    <form id="selectDate">
+<form id="selectDate">
-	  <select v-model="selected">
+  <select v-model="selected">
-	    <option v-for="(year,index) in list" :key="index":value="year">
+    <option v-for="(year,index) in list" :key="index":value=year>
-	      {{ year }}
+      {{ year }}
-	    </option>
+    </option>
-	  </select>年
+  </select>年
-	</form>
+</form>
-	</div>
+</div>
-	<button id="showButton" v-on:click="showPlayers(value,year)">検索</button>
+<button id="showButton" v-on:click="showPlayers()">検索</button>
@@ -118,6 +130,50 @@
         <th class="player">選手 <span style="font-size: 12px ;width:100%"></span></th>
+        <th>打率 <span style="font-size: 12px"></span></th>
+        <th>試合 <span style="font-size: 12px"></span></th>
+        <th>打席数 <span style="font-size: 12px"></span></th>
+        <th>打数 <span style="font-size: 12px"></span></th>
+        <th>得点 <span style="font-size: 12px"></span></th>
+        <th>安打 <span style="font-size: 12px"></span></th>
+        <th>二塁打 <span style="font-size: 12px"></span></th>
+        <th>三塁打 <span style="font-size: 12px"></span></th>
+        <th>本塁打 <span style="font-size: 12px"></span></th>
+        <th>塁打 <span style="font-size: 12px"></span></th>
+        <th>打点 <span style="font-size: 12px"></span></th>
+        <th>盗塁 <span style="font-size: 12px"></span></th>
+        <th>盗塁刺 <span style="font-size: 12px"></span></th>
+        <th>犠打 <span style="font-size: 12px"></span></th>
+        <th>犠飛 <span style="font-size: 12px"></span></th>
+        <th>四球 <span style="font-size: 12px"></span></th>
+        <th>敬遠 <span style="font-size: 12px"></span></th>
+        <th>死球 <span style="font-size: 12px"></span></th>
+        <th>三振 <span style="font-size: 12px"></span></th>
+        <th>併殺打 <span style="font-size: 12px"></span></th>
+        <th>長打率 <span style="font-size: 12px"></span></th>
+        <th>出塁率 <span style="font-size: 12px"></span></th>
       </tr>
     </thead>
@@ -128,7 +184,51 @@
         <td>{{ index + 1 }}</td>
-        <td class="strEle">{{ item.player }} {{ item.team }}</td>
+        <td class="strEle">{{ item.player }} {{ item.team }}</td>
+        <td>{{ item.avarage }}</td>
+        <td>{{ item.games }}</td>
+        <td>{{ item.totalPlateAppearance }}</td>
+        <td>{{ item.atBat }}</td>
+        <td>{{ item.runsScored }}</td>
+        <td>{{ item.hit }}</td>
+        <td>{{ item.twoBaseHit }}</td>
+        <td>{{ item.threeBaseHit }}</td>
+        <td>{{ item.homeRuns }}</td>
+        <td>{{ item.totalBases }}</td>
+        <td>{{ item.runBatted }}</td>
+        <td>{{ item.stolenBases }}</td>
+        <td>{{ item.caughtStealing }}</td>
+        <td>{{ item.sacrificeHit }}</td>
+        <td>{{ item.sacrificeFly }}</td>
+        <td>{{ item.baseOnBalls }}</td>
+        <td>{{ item.intentionalBasesOnBalls }}</td>
+        <td>{{ item.hitByPitch }}</td>
+        <td>{{ item.strikeouts }}</td>
+        <td>{{ item.groundIntoDoublePlay }}</td>
+        <td>{{ item.sluggingPercentage }}</td>
+        <td>{{ item.onBasePercentage }}</td>
       </tr>
@@ -164,27 +264,27 @@
   methods: {
-        isSelect: function (dataList) {
+    isSelect: function (dataList) {
-            this.items = dataList;
+      this.items = dataList;
-        }
     }
+  }
 })
 var leag = new Vue({
-    el: '#leag',
+  el: '#leag',
-    data: {
+  data: {
-      value: ''
+    value: ''
-    }
+  }
 })
@@ -204,15 +304,15 @@
   created(){
-	  const year = new Date().getFullYear()
+	const year = new Date().getFullYear()
-	  for(let i=0;i<=year-2005;i++){
+	for(let i=0;i<=year-2005;i++){
-	  	this.list.unshift(year- i)
+	  this.list.unshift(year- i)
-	  }
+	}
-	  this.selected=year
+	this.selected=year
   },
@@ -226,11 +326,11 @@
   methods:{
-  	showPlayers:function(leag,year){
+  	showPlayers:function(){
-  		var str = leag+year
+      var str = leag.value+vm.selected
-  		app.items = str
+      app.items = str
   	}