こんにちは。プログラミング初心者のため初歩的な質問ですが答えていただけるとうれしいです。
【やりたいこと】
Vue.jsのドロップダウンで生年月日をユーザーに選択させるとき、100年分の生年を西暦+和暦(例: 2020(令和2年) 2019(令和1年) 2018年(平成31年)......)にして表示させたいのですが上手くいかず…アドバイスを頂けると幸いです。よろしくお願いいたします。
【エラー】
特に出ておりません。
コンソールでnengoesを出力すると値が一つしか入っていないのでnengo()の繰り返しが上手くできていないのかなと思いますが試行錯誤の上わかりませんでした。
HTML
1 <select id="year" v-model="year" @change="get_days"> 2 <option v-for="i in 100" :value="i + 1920">{{ i + 1920 }}{{ nengo }}</option> 3 </select> 4 <label>年</label>
Vue.js
1 new Vue({ 2 el: '#app', 3 data: { 4 year: 2020, 5 month: 1, 6 date: 1 7 }, 8 computed: { 9 nengo: function () { 10 const nengoes = []; 11 for (let i = 2020; i > 1920; i--) { 12 if (i > 2018) { 13 nengoes.push = "(令和" + (i - 2018) + "年)"; 14 } else if (i > 1988) { 15 nengoes.push = "(平成" + (i - 1988) + "年)"; 16 } else if (i > 1925) { 17 nengoes.push = "(昭和" + (i - 1925) + "年)"; 18 } else if (i > 1911) { 19 nengoes.push = "(大正" + (i - 1911) + "年)"; 20 } 21 } 22 return nengoes; 23 } 24 } 25 });
1点ほど確認させてください。
> 表示させたいのですが上手くいかず…
ということですが、ドロップダウンリストはどのように表示されているのでしょうか?
確認したいのでドロップダウンリストのスクリーンショットを撮って質問に貼っていただけませんか?
メッセージありがとうございます。いまの状況のスクショを上げました。和暦が全く表示されない状況です。
西暦+和暦(2020(令和2年)、2019(令和1年)、2018(平成31年)...)となればいいなと思っています。よろしくお願いいたします。
スクリーンショットの添付ありがとうございました。回答致しましたのでご確認ください。
なおVue.jsのコードは単一コンポーネントファイルでの書き方になっていますので、適宜読み替えをお願いします。
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー