基于滑动式的验证码:slide-verify

效果图


官网:https://gitee.com/monoplasty/vue-monoplasty-slide-verify

  • 安装:npm install --save vue-monoplasty-slide-verify
  • 使用:
import Vue from 'vue';
import SlideVerify from 'vue-monoplasty-slide-verify';

Vue.use(SlideVerify);

export default {
        name: 'App',
        data(){
            return {
                msg: '',
            }
        },
        methods: {
            onSuccess(){
                this.msg = 'login success'
            },
            onFail(){
                this.msg = ''
            },
            onRefresh(){
                this.msg = ''
            }
        }
    }

内置方法:

  • 在父组件里如果需要重置,可以在父组件中调用子组件reset()方法

this.$refs.slideblock.reset();

参考如下地址:




你可能感兴趣的:(基于滑动式的验证码:slide-verify)