快乐玩前端：Antd3滑动输入条实现最小值为负数

Antd3滑动输入条实现最小值为负数

因为项目需求，需要滑条的最小值为负数，在网上查了半天资料，终于搞出来了，这里分享给大家。
实现起来还是蛮简单的，下面是实现的代码：

<a-slider :min="-1" :max="1" :marks="{'-1': -1, 1: 1}" v-model:value="test" step="0.0001" />

import { defineComponent, reactive, toRefs } from "vue";

export default defineComponent({
    name: "xxx",
    setup() {
        const dataset = reactive({
            test: -1
        });

        return {
            ...toRefs(dataset),
        }
    }
});

最终实现的效果如下，因为滑条的刻度有限，所以给滑条绑定了一个输入框：

几点注意事项：

1. 将min属性设置为-1，并且再min属性前面添加冒号，否则滑条无法被拖动；
2. marks属性中，负数开头的key值需要添加引号，将key转换为字符串，否则会报错。

学习分享，一起成长！以上为小编的学习分享，若存在不当之处，请批评指正！