首页 » 前端 » Vue.js » 正文

分享一个假的拖拽验证码 vue-puzzle-vcode

发布者:站点默认
2011/09/8 浏览数(2,065) 分类:Vue.js 分享一个假的拖拽验证码 vue-puzzle-vcode已关闭评论

npm: vue-puzzle-vcode

纯前端校验。

用法

<template>
  <Vcode :show="verificationVisible" @success="sendVCode" @close="verificationVisible = false" />
</template>

<script>
import Vcode from 'vue-puzzle-vcode';

export default {
  components: {
    Vcode,
  },
  data() {
    return {
      verificationVisible: false,
    };
  },
  methods: {
    sendVCode() {
      // 验证通过,执行后续的业务逻辑…
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .vue-puzzle-vcode {
  z-index: 1000 !important;
}
</style>
点击返回顶部
  1. 留言
  2. 联系方式