1.1.0 • Published 2 years ago
slide-rang-lt v1.1.0
slide-rang-lt
一个基于elementUI、vue2封装的滑块验证组件
安装
使用npm 或 yarn安装
npm install slide-rang-lt -Syarn 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>