前端使用验证码功能

在登录或者找回密码的过程中,经常会遇到防止机器人大量注册而使用验证码功能,在本项目中是由前端完成验证码功能.将这个封装为了一个组件,按需引用就可以了.
前端使用验证码功能_第1张图片
前端使用验证码功能_第2张图片






使用方法


   
       
           
       
   
   
       
           
       
       
           
       
   


import Sidentify from "@/components/common/Sidentify"; // 引入验证码组件
components: {
    "v-sidentify": Sidentify
},
//格式什么的自己改下

ps:这个是由一位前端小姐姐同事写的,我只是觉得写的非常好,所以码下来,希望以后遇到这类问题的时候可以直接使用

你可能感兴趣的:(vue)