やりたいこと
Vue.js素人です。
Vue.jsは既に読み込んでいて、v-model
ディレクティブを使った単純な双方向データバインディングは出来るんですが、
配列からv-for
ディレクティブで展開してHTMLのレンジ入力欄(スライダー)input type="range"
で値を変えたいと思っています。
javascript
1const vm = new Vue({ 2 el: "#app", 3 data: {a : [12,23,32]}, 4});
HTML
1<div id="app"> 2<div v-for="num in a"> 3 {{num}}<br> 4 <input type="text" v-model="num"><br> 5 <input type="range" v-model="num"> 6 </div> 7</div> 8
画面が最初に表示した時点では、それぞれのフォームや{{num}}に数字は入るのですが、
スライダーをいじったり、テキストフォームの数字を変更しても双方向データバインディングができません。
どうすればいいでしょうか?
何卒ご教示よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/17 02:08