https://luosimao.com/ 人机验证vue版本
Branch: master
Clone or download
Latest commit 9b913df Nov 29, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Login.vue init commit Nov 29, 2018
NC.vue init commit Nov 29, 2018
README.md init commit Nov 29, 2018

README.md

Luosimao 人机验证 在VUE中的应用

演示

  1. 请自行clone到本地vue项目中

  2. 添加指向到Login.vue的路由

  3. 打开你的vue项目对应的路由查看演示

说明

Login.vue中有效代码如下 其他请自行替换为自己的逻辑代码

<template>
  <div>
    <validate @success="SetToken"></validate>
  <div>
</template>

<script>
import Validate from "./Nc.vue";

export default {
  data() {
    return {
      form: {
        token: ""
      }
    };
  },
  components: {
    Validate
  },
  methods: {
    SetToken(resp) {
      this.form.token = resp;
    }
  }
};
</script>

其他细节以及服务端验证请参考:

luosimao 官方使用文档