slide-rang-lt

一个基于elementUI、vue2封装的滑块验证组件

安装

使用npm 或 yarn安装

npm install slide-rang-lt -S

yarn add slide-rang-lt 

如果你的网络环境不佳，推荐使用 cnpm。

Attributes

| 属性 | 描述 | 类型 | 默认值 | | :---------: | :------------------: | :------: | :-------------------: | | successFun | 成功之后的函数 | Function | - | | successIcon | 成功图标 | String | el-icon-success | | successText | 成功文字 | String | 验证成功 | | startIcon | 开始的图标 | String | el-icon-d-arrow-right | | startText | 开始的文字 | String | 请拖拽滑块到最右边 | | errorFun | 失败之后的函数 | Function | - | | status | 或者用值来进行监听 | String | - |

Example

// main.js
import slideRangLt from 'slide-rang-lt'
import '/node_modules/slide-rang-lt/slide-rang-lt.css'
Vue.use(slideRangLt)

<template>
  <div id="app">
    <slide-rang-lt
      status="status"
      :successFun="jcRes"
      :errorFun="jcRej"
    ></slide-rang-lt>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {};
  },
  methods: {
    jcRes() {
      this.$message.success("操作成功");
    },
    jcRej() {
      this.$message.error("请拖拽到尾部");
    }
  }
};
</script>