<template>
<div>
<div>vue2:图文验证码,拿来就用vue2-verify</div>
<h3>1 npm i vue2-verify</h3>
<h3>2 当前页面引入使用 import Verify from "vue2-verify";</h3>
<div class="outerBox3">
<Verify
@success="success"
@error="error"
:type="1"
:codeLength="4"
@ready="ready"
></Verify>
</div>
</div>
</template>
<script>
//npm i vue2-verify vue2使用这个
import Verify from "vue2-verify";
export default {
data() {
return {};
},
computed: {},
components: {
Verify,
},
methods: {
success(e) {
console.log("e", e);
e.refresh(); //清除验证码
},
error(e) {
console.log("e", e);
e.refresh();
},
ready(e) {
console.log("e", e);
e.refresh();
vue2:图文验证码,拿来就用vue2-verify
最新推荐文章于 2024-03-27 09:32:44 发布