input range 如何实现滑块滑动时数值跟随滑块的位置同时移动

Question

<template>
  <div style="margin-top: 300px">
    <input
        type="range"
        value="0" name=""
        oninput="document.getElementById('show_v').innerHTML=value">
    <label id="show_v">0</label>
  </div>
</template>

 

Answer 1

用原生js实现

<input type="range" value="0" name="" oninput="document.getElementById('show_v').innerHTML=this.value">