diff --git a/packages/devui-vue/devui/slider/index.ts b/packages/devui-vue/devui/slider/index.ts
index 8138b2bac28521d81f60eb1197a83846aae2e1b5..f4596b7734eec02a4e6729d10d96a3013edc3f4b 100644
--- a/packages/devui-vue/devui/slider/index.ts
+++ b/packages/devui-vue/devui/slider/index.ts
@@ -10,7 +10,7 @@ export { Slider }
 export default {
   title: 'Slider 滑块',
   category: '数据录入',
-  status: '80%',
+  status: '已完成',
   install(app: App): void {
     app.use(Slider as any)
   }
diff --git a/packages/devui-vue/devui/slider/src/slider.tsx b/packages/devui-vue/devui/slider/src/slider.tsx
index 0e4fc5f38d21de3710fcaaa55966c1e15c564d1b..3619794833444f51fc55bf6c2b6726a9b1b9744a 100644
--- a/packages/devui-vue/devui/slider/src/slider.tsx
+++ b/packages/devui-vue/devui/slider/src/slider.tsx
@@ -40,10 +40,10 @@ export default defineComponent({
       const sliderWidth = sliderRunway.value.clientWidth;
       currentPosition.value = (sliderWidth * (inputValue.value - props.min)) / (props.max - props.min);
     });
-    function handleonMousedown(event: MouseEvent) {
+    function handleButtonMousedown(event: MouseEvent) {
       popoverShow.value = true;
       //props.disabled状态是不能点击拖拽的
-      if (props.disabled || props.disabled) return;
+      if (props.disabled) return;
       //阻止默认事件
       event.preventDefault();
       dragStart(event);
@@ -98,7 +98,6 @@ export default defineComponent({
       const steps = Math.round(newPosition / LengthPerStep);
       //实际的偏移像素
       const value: number = steps * LengthPerStep;
-
       //要是刚好划过半段切刚好超出最大长度的情况进行限定
       if (Math.round(value) >= sliderWidth) {
         currentPosition.value = sliderWidth;
@@ -115,12 +114,13 @@ export default defineComponent({
       currentPosition.value = newPosition;
       ctx.emit('update:modelValue', inputValue.value);
     }
-    //当点击滑动条时,
-    function handleClick(event) {
+    //当在滑动条触发鼠标事件时处理,
+    function handleRunwayMousedown(event) {
       if (!props.disabled && isClick) {
         startX = event.target.getBoundingClientRect().left;
         const currentX = event.clientX;
         setPostion(currentX - startX);
+        handleButtonMousedown(event);
       } else {
         return;
       }
@@ -160,13 +160,17 @@ export default defineComponent({
     return () => (
       <div class='devui-slider'>
         {/* 整个的长度 */}
-        <div ref={sliderRunway} class={'devui-slider__runway' + disableClass.value} onClick={handleClick}>
+        <div
+          ref={sliderRunway} class={'devui-slider__runway' + disableClass.value}
+          onMousedown={handleRunwayMousedown}
+          onMouseout={() => (popoverShow.value = false)}
+        >
           {/* 滑动后左边的进度条 */}
           <div class={'devui-slider__bar' + disableClass.value} style={{ width: percentDispaly.value }}></div>
           <div
             class={'devui-slider__button' + disableClass.value}
             style={{ left: percentDispaly.value }}
-            onMousedown={handleonMousedown}
+            onMousedown={handleButtonMousedown}
             onMouseenter={() => (popoverShow.value = true)}
             onMouseout={() => (popoverShow.value = false)}
           ></div>
diff --git a/packages/devui-vue/docs/components/slider/index.md b/packages/devui-vue/docs/components/slider/index.md
index e8af1c7278744b4917ac8c447fa3ffd26fbe07a6..641dd54ff920692ad85bb60e20fb471eeba66e31 100644
--- a/packages/devui-vue/docs/components/slider/index.md
+++ b/packages/devui-vue/docs/components/slider/index.md
@@ -123,19 +123,20 @@ export default defineComponent({
 
 :::
 
-### 异定制 Popover 的显示内容
+### 定制 Popover 的显示内容
 
-通过 tipsRenderer 参数传入函数定制 Popover 内的显示内容。
+通过 tipsRenderer 参数传入定制 Popover 内的显示内容。
 :::demo
 
 ```vue
 <template>
-<div>
-<div class="slider-wrapper" style="padding:20px">
-  <d-slider  :min="minValue" :max="maxValue" v-model="inputValue" tipsRenderer="apple"></d-slider>
-   <br style="margin-bottom: 20px" />
-  <d-slider :min="minValue" :max="maxValue"  v-model="inputValue" tipsRenderer="null" ></d-slider>
-</div>
+  <div>
+    <div class="slider-wrapper" style="padding:20px">
+      <d-slider  :min="minValue" :max="maxValue" v-model="inputValue" tipsRenderer="apple"></d-slider>
+      <br style="margin-bottom: 20px" />
+      <d-slider :min="minValue" :max="maxValue"  v-model="inputValue" tipsRenderer="null" ></d-slider>
+    </div>
+  </div>
 </template>
 <script>
 import { defineComponent, ref } from 'vue';