vue-puzzle-code v1.0.0

vue-puzzle-code

canvas滑动拼图验证码

用法：

1. 在Vue main.js里全局引入组件

import puzzleCode from 'vue-puzzle-code';
Vue.use(puzzleCode);

2. 在需要的页面直接引用该组件,定义成功、失败和刷新的回调

<puzzleCode @onSuccess="onSuccess" @onFail="onFail" @onRefresh="onRefresh"></puzzleCode>
methods:{
    onSuccess(){
        //成功的回调
    },
    onFail(){
        //失败的回调
    },
    onRefresh(){
        //刷新的回调
    },
}

3. 自定义修改可找到源文件 node_modules/vue-puzzle-code/dist/puzzleCode.vue 进行修改