基于vue的验证码组件

.ValidCode{display:flex;证明内容：居中；对齐项目：居中；游标：指针；span{显示：内联块；}}}最近自己写了一个页面，模仿四福论坛，然后在需要验证码组件的时候写了一个登录注册UI。找了找也没找到合适的，大部分都是基于后端的。所以我自己写了一个。演示分析验证码成分分析验证码功能随机出现数字大小写字母（基本功能）不同数字或字母有不同颜色（功能优化）不同数字或字母有不同字体大写（功能优化）不同数字或字母有不同边距（功能优化）不同的数字或字母有不同的倾斜角度（功能优化）更多功能优化...分析元件功能可设置生成验证码的长度（基本功能）可设置验证码宽度和元件的高度（基本功能)编写验证码组件模板最外层div绑定点击事件，点击后刷新验证码。span为单个验证码的载体，样式动态绑定methodsrefreshCode刷新验证码方式createdCode生成验证码方式getStyle为每个元素生成动态样式methods:{refreshCode(){this.createdCode()},createdCode(){letlen=this.length,codeList=[],chars='ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789',charsLen=chars.length//生成for(leti=0;iitem.code).join(''))},//动态绑定样式getStyle(data){return`color:${data.color};字体大小：${data.fontSize}；填充：${data.padding};transform:${data.transform}`}}完整代码使用了组件.ValidCode{display:flex;证明内容：居中；对齐项目：居中；游标：指针；span{显示：内联块；}}}源码地址demo地址模仿我要写的网站，点注册就可以看到验证码