机车双猫怪
2021-06-22 10:38
采纳率: 100%
浏览 175

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

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 大脑空白想不到id 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,分别赋给两个变量即可

    点赞 1 评论
  • 熬夜搬码员 2021-06-22 10:51

    没用过这个 不过应该可以通过事件change或者afterChange来获取值  可以试一下

    点赞 1 评论
  • 不安于命 2021-06-22 11:29

    请喊我欧巴,通过change事件监听value即可value[0]和value[1]即为两端的值

    点赞 1 评论

相关推荐 更多相似问题