Vue 和 HTML5 输入标签

【问题标题】：Vue and HTML5 input tagVue 和 HTML5 输入标签
【发布时间】：2016-11-04 16:22:39
【问题描述】：

我想创建 HTML5 滑块。类似的东西：

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

但看起来 v-bind 不会触发更新 magnitude_value 值，因为当我更改滑块位置时，我看不到任何更新

【问题讨论】：

标签： html vue.js

【解决方案1】：

使用 v-model 代替 v-bind:value

【讨论】：

你能展示一下语法的例子吗？ v-model:value="magnitude_value" 对吗？
codepen.io/jasonma/pen/jVOvwd，v-model:value 和 v-bind:value 不存在，这里是文档，vuejs.org/guide/forms.html

【解决方案2】：

像这样使用 v-model。然后magnitude_value 将绑定到input 的值

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

【讨论】：