芥末加糖 2021-06-22 10:38 采纳率: 100%
浏览 814
已采纳

江湖救急 ant design vue-------- Slider 滑动输入条

<a-slider range :step="1" :max="50" :min="0" :default-value="[0, 25]"/>

姐妹们,如何获取它两端的值,像上图一样在后边展示出来

  • 写回答

3条回答 默认 最新

  • 永远不会太晚 2021-06-22 11:03
    关注
    <template>
        <div class="content">
            <a-slider range :default-value="[w1, w2]" @change="value" />
            {{w1+'K'}}-{{w2+'K'}}
        </div>
    </template>
    <script>
    export default {
        data () {
            return {
                w1: 20,
                w2: 50
            };
        },
        methods: {
            value (changevalue) {
                //每次拖动时都会触发事件,获取两个数值
                console.log(changevalue);
                this.w1 = changevalue[0];
                this.w2 = changevalue[1];
            }
        },
    };
    </script>
    <style scoped>
    </style>

    a-slider有change事件,可以获取滑动的值,是一个有两个数字的数组,数字范围0-100,分别赋给两个变量即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 有没有复现过PFENet的,如何解决?
  • ¥15 FDMA,OFDMA,TDMA 和 CDMA 系统容量对比仿真
  • ¥15 图神经网络的入侵检测
  • ¥15 工业数据采集技术+存储架构推荐
  • ¥15 GPT-SOVITS如何训练少数民族语言支持合成语音
  • ¥20 树莓派4b使用Camera Module 3时出现the system should be configured for the legacy camera stack问题
  • ¥200 GitHub开源程序配置在VScode调试
  • ¥15 爬虫保存的scv文件0kb
  • ¥20 如何实现基于强化学习的带电作业机械臂的运动规划与控制
  • ¥15 使用wpf制作打砖块游戏时遇到的一个Bug