Is it possible to use v-model analog to set max, min in input type="range"?

Question

Vue.js

Hello, I can use
<input type="range" v-model="liters" />and describe liters in data

data() {
    return {
      liters: 0,
      litersMin: 0,
      litersMax: 100,
    };
  },

but how do i bind also min and max value in range - so they are also reactive

Answer 1

<template>
  <input type="range" v-bind:min="litersMin" v-bind:max="litersMax" v-model="liters" />
</template>

<script>
export default {
  data() {
    return {
      liters: 0,
      litersMin: 0,
      litersMax: 100
    }
  }
}
</script>