Vue和HTML5輸入標籤

我想創建HTML5滑塊。類似的東西：Vue和HTML5輸入標籤

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

但看起來像v-bind不會觸發更新magnitude_value價值，因爲當我改變滑塊位置我沒有看到任何更新

使用V型而不是V-綁定：值

2016-11-04 17:01:42 Hong

你能舉例說明語法嗎？ 'v-model：value =「magnitude_value」'是否正確？ –

http://codepen.io/jasonma/pen/jVOvwd，v-model：value和v-bind：value不存在，這裏是文檔，https://vuejs.org/guide/forms.html – Hong

像這樣使用v模型。 magnitude_value然後將綁定到的值input

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

2016-11-06 03:16:09

回答