###Vue.js 範囲のv-for ループ初期値変更方法について
現在Vue.jsを用いたフォームを作成しているのですが、selectフォームをv-forにて表示しようと考えています。
optionの値、表示テキストともに数値で出すので、公式ドキュメントに記載されている下記方法で対処を当初は考えていました。
html
1 <select> 2 <option v-for="n in 10" :value="n">{{ n }} </option> 3 </select>
これでレンダリングされるものは
html
1 <select> 2 <option value="1">1</option> 3 <option value="2">2</option> 4 <option value="3">3</option> 5 </select>
となります。
ですが、こちらが求めているのは
html
1 <select> 2 <option value="4">4</option> 3 <option value="5">5</option> 4 <option value="6">6</option> 5 </select>
となるものです。
このように、ループ開始時の初期値を1ではなく、別の数字に変更したいのですが、ネットを探しても参考になる記事がないので困っております。
以上のように範囲のv-for ループを前述のソースコードで使用、且つループスタート時の値を変更する方法を探しておりますので、
ご存じの方いらっしゃいましたら、ご教授頂ければ幸いです。
なおVue.jsについてはver2.3.3を使用中です
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/27 10:10