Vue和HTML5输入标签

Question

我想创建HTML5滑块。喜欢它的东西：

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

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

Answer 1

使用v-model而不是v-bind：value

Answer 2

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

的值

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