第一步：引入网易易盾js

<script src="https://cstaticdun.126.net/load.min.js?t=201903281201"></script>

第二步：页面添加dom元素

<!-- 网易 -->
<div id="captcha"></div>

第三步：初始化

var captchaIns = null;

methods:
NECaptcha(loading){
    var $this = this;
    initNECaptcha({
        captchaId: vueApp.config.wangyiCaptchaId,
        element: '#captcha',
        mode: 'popup',
        width: '320px',
        // appendTo: '#appendWrap',
        enableClose: false,
        onClose: function () {
            // 弹出关闭结束后将会触发该函数
        },
        onVerify: function (err, data) {
            if (!err) {
                // 验证成功后，调用 close 方法关闭弹框
                // TODO: 验证成功后继续进行业务逻辑
                $this.nynLottery(data)
            }
        }
    }, function onload (instance) {
        // 初始化成功
        captchaIns = instance;
        if(loading){
            captchaIns && captchaIns.popUp();
        }
    }, function onerror (err) {
        // 验证码初始化失败处理逻辑，例如：提示用户点击按钮重新初始化
    })
},

mounted:
this.NECaptcha()

第四步：点击出网易易盾

// 扭一扭动画结束
ndjStartLotteryEnd(){
    captchaIns && captchaIns.refresh()
    captchaIns && captchaIns.popUp();
    // 初始化失败
    if(!captchaIns){
        this.NECaptcha(true)
    }
},