更新记录

1.1.1（2020-05-30） 下载此版本

1. 删除原 id 选择器，替换为 class 选择器。避免小程序平台不支持ID选择器的错误；
2. 增加容错差值，减少验证错误的概率；

1.0.3（2019-10-17） 下载此版本

1、新增重置插件方法 reset()，可恢复插件初始的状态和次数； 2、修复点击插件时会增加校验次数的BUG；

1.0.2（2019-10-08） 下载此版本

1、@result 事件增加每次拖动回调，并有拖动次数统计。

平台兼容性

move-verify 拖动滑块验证

使用方式：

在 script 中引用组件

import moveVerify from "@/components/helang-moveVerify/helang-moveVerify.vue"
export default {
    components: {
        "move-verify":moveVerify
    },
    data() {
        return {
            resultData:{}
        }
    },
    methods: {
        /* 校验结果回调函数 */
        verifyResult(res){
            console.log(res);
            this.resultData = res;
        },
        /* 校验插件重置 */
        verifyReset(){
            this.$refs.verifyElement.reset();

            /* 删除当前页面的数据 */
            this.resultData = {};
        }
    }
}

在 template 中添加组件

<move-verify @result='verifyResult' ref="verifyElement"></move-verify>

事件说明：

结果参数：

方法说明：

友情提示：

1. 当前项目源码使用了 ES6 和 scss 请添加运行依赖
2. [插件ZIP]只包含模板文件和数据文件，不包含项目运行依赖（如 pages.json）
3. [示例项目ZIP]是完整的项目文件，可下载后导入 HBuilderX 中直接运行体验
4. 文件下载在当前页面的上部靠右位置，有 [下载插件ZIP] [下载示例项目ZIP] 按钮，点击即可下载