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

<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>

 

用原生js实现

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

哦,补充一下,不要用jQuery,虽然jQuery很好但是我不会用jQuery

input change事件,一改变就改变lable的innerText 你现在这代码不就可以我试了一下可以啊

像这样,滑块划到哪,数字的位置,数字的位置,数字的位置就跟到哪

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps: 问答会员年卡【8折】购 ,限时加赠IT实体书,即可 享受50次 有问必答服务,了解详情>>>https://t.csdnimg.cn/RW5m