主页:写程序的小王叔叔的博客欢迎来访👀
支持:点赞
收藏
关注
一、效果：
二、插件引用
1）首先执行命令： npm install identify 引入插件包
npm install identify
2）配置main.js
import SIdentify from './components/identify/identify' Vue.use(SIdentify)
3）vue组件中编写代码
3.1）组件
<divclass="form-group"><inputtype="text"class="check_code"placeholder="Проверочный код"v-model="verCode"/><divclass="login_code"@click="refreshCode"><!--验证码组件--><Identify:identifyCode="identifyCode"></Identify></div></div>
3.2）组件js
importIdentifyfrom'@/components/identify/identify'xportdefault { components:{Identify}, data() { return { verCode: "",//图片验证码输入框identifyCode:'', identifyCodes:'1234567890', }; }, methods:{ randomNum(min, max) { returnMath.floor(Math.random() * (max-min) +min); }, refreshCode() { this.identifyCode=""; this.makeCode(this.identifyCodes, 4); }, makeCode(o, l) { for (leti=0; i<l; i++) { this.identifyCode+=this.identifyCodes[ this.randomNum(0, this.identifyCodes.length) ]; } } }, mounted() { this.identifyCode=""; this.makeCode(this.identifyCodes, 4); },
转载声明：本文为博主原创文章，未经博主允许不得转载
⚠️注意 ~
💯本期内容就结束了，如果内容有误，麻烦大家评论区指出！
如有疑问❓可以在评论区💬或私信💬，尽我最大能力🏃♀️帮大家解决👨🏫！
如果我的文章有帮助到您，欢迎点赞+关注✔️鼓励博主🏃，您的鼓励是我分享的动力🏃🏃🏃~
