vue整合identify(生成图片验证码)插件
发布日期:2021-05-06 15:30:05 浏览次数:56 分类:精选文章

本文共 260 字,大约阅读时间需要 1 分钟。

  1. identify简介

        这是一个vue的插件,使用canvas来生成图形验证码

  2. 具体参数如下:

     

  3. 在src\components\identify目录下创建identify.vue文件(主要用于定义参数和方法)

     
     内容如下:

     

  4. 在需要使用的vue页面引入上面定义的组件,这里引入到src/views/login/index.vue中

     

  5. 下面在页面中使用组件

     
     在vue实例的methods方法中定义如下方法:
     
     相关变量定义在vue实例中的data中:
     

  6. 效果:

     

上一篇:ElasticSearch简介以及单机安装
下一篇:vue出现sockjs-node/info?t=1462183700002 报错解决方案

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2025年04月08日 14时45分56秒