vue网易易盾试用

<script type="text/javascript" src="https://cstaticdun.126.net/load.min.js?v=202004246"></script>
<div id="captcha"></div>
  mounted() {

    // this.mapInit(); // 要获取节点,必须在mounted里面获取
    var that = this;
    var neWidth = $(window).width() >= 330 ? '288px' : $(window).width() - 42 + 'px';
    // initNECaptcha为全局函数,可直接调用
    initNECaptcha({
      // config对象,参数配置
      captchaId: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', // 从易盾申请的验证码id
      element: '#captcha', // 容器元素/容易元素选择器
      mode: 'popup', // 验证码模式
      width: neWidth, // 验证按钮宽度,推荐260px-400px
      onVerify: function (err, data) { // 验证码验证结束回调函数
        if (!err) {
         // that.validate = data.validate;
          //that.getVerificationCode();
        } else {
          that.agentNum = that.agentNum + 1;

          if (that.agentNum >= 6) {
            that.NECaptcha.refresh(); // 刷新验证码,获取新的验证信息
            that.agentNum = 0;
          }
        }
      }
    }, function onload(instance) { // 初始化成功后得到验证实例instance,可以调用实例的方法。
      that.NECaptcha = instance;
    }, function onerror(err) {
      // 初始化失败后触发该函数,err对象描述当前错误信息
      console.log(err);
    })
}

你可能感兴趣的:(H5)