如何根据条件更改输入type=的range =>step值？

var rangeInput = document.getElementById("myRange");
if (condition) {
  rangeInput.step = 1; // 设置step为1
} else {
  rangeInput.step = 0.1; // 设置step为0.1
}

if (condition) {
  $("#myRange").attr("step", 1); // 设置step为1
} else {
  $("#myRange").attr("step", 0.1); // 设置step为0.1
}

<template>
  <input type="range" v-bind:step="rangeStep">
</template>

<script>
export default {
  data() {
    return {
      rangeStep: 1 // 默认step值为1
    };
  },
  mounted() {
    if (condition) {
      this.rangeStep = 1; // 设置step为1
    } else {
      this.rangeStep = 0.1; // 设置step为0.1
    }
  }
};
</script>