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-модель, а не об-безвыходном: значение

Answer 2

Используйте v-модель следующим образом. magnitude_value затем будет привязан к значению input

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