How to get the maximum and minimum value and pass it to the input parameters?

Question

Vue.js

There is such a filter .
How can I get the maximum and minimum price values ​​('.filter__price') and pass these values ​​to the input parameters:

<input type="range" min="мин значение" max="макс значение">

?

Answer 1

computed: {
  range() {
    const prices = this.filterData.map(n => n.price);
    return {
      min: Math.min(...prices),
      max: Math.max(...prices),
    };
  },
},

<input type="range" v-bind="range">

Answer 2

<input type="range" min="1" max="100" class="text" value="50">

const inp = document.querySelector('.text');
console.log(inp.max) // 100
console.log(inp.min)// 1
console.log(inp.value) // 50