VueとHTML5入力タグ

Question

HTML5スライダを作成したいと思います。そのような何か：

<input type="range" min="1" max="10" v-bind:value="magnitude_value" step="1" />{{magnitude_value}} 

しかし、私は、スライダーの位置を変更したときにときに私はすべての更新プログラム

Answer 1

利用のVモデルの代わりに、V-バインドが表示されていないので、更新magnitude_value値をトリガしませんv-bindのようになります。値

Answer 2

このようなv-modelを使用してください。 magnitude_valueは、inputの値にバインドされます。

<input type="range" min="1" max="10" v-model="magnitude_value" step="1" /> {{magnitude_value}}