1.0.8 • Published 6 months ago

slider-verify-vue3 v1.0.8

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

一个基于vue3的滑块校验组件.

演示地址

https://xuhui1998.github.io/slider-verify-vue3/demo.html

  1. 安装插件
# npm 安装:
npm install slider-verify-vue3 

# yarn 安装:
yarn add slider-verify-vue3
  1. 引入插件
import SliderVerify from 'slider-verify-vue3'
import 'slider-verify-vue3/lib/style.css';
createApp(App).use(SliderVerify)
  1. 使用插件
  <template>
    <div>
      <SliderVerify v-model="isPass" />
    </div>
  </template>

  <script>
    import { ref } from 'vue'

    const isPass = ref(false)
  </script>
  1. 配置参数
参数类型默认值描述
v-modelBooleanfalse校验是否通过
sizeStringmedium尺寸
widthNumber String100%宽度
iconsArrayIconDoubleRight, IconCheck滑块图标,支持图片和SVG图标
sliderTipString请按住滑块拖动滑块文案
successTipString验证通过验证成功文案
sliderColorString#f2f2f2滑块的背景色
fillColorString#79ce8e拖动后的背景填充色
方法描述
onReset重置
事件描述
onSuccess校验通过
onFail校验失败
onDrag拖动滑块
onDragEnd停止拖动
1.0.8

6 months ago

1.0.7

6 months ago

1.0.6

6 months ago

1.0.5

6 months ago

1.0.3

6 months ago

1.0.2

6 months ago

1.0.1

6 months ago

1.0.0

6 months ago