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

混子还在路上

于 2022-09-26 14:22:04 发布

阅读量639

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_36553707/article/details/127051048

前端学习专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Antd3组件库中的滑动输入条实现负数最小值的功能，通过设置属性和绑定输入框，实现精确调节。文章提供具体代码示例，并附带实现过程中的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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),
        }
    }
});