vue2-verify 查看github

官网演示请查看

<template>
    <!--type = 1 常规验证码-->
    <!--type = 2 算数-->
    <!--type = 3 滑动-->
    <!--type = 4 滑动拼图-->
    <!--type = 5 选择汉字-->
    <Verify @success="alert('success')" @error="alert('error')" :type="1"></Verify>
</template>

<script>
    import Verify from 'vue2-verify'

    export default {
        name: "login",
        methods: {
            alert(text) {
                console.log(text+"99")
            }
        },
        components: {
            Verify
        }
    }
</script>

<style scoped>

</style>