Vueがフロントページのluosimaoヒト認定に参加します

公式例：https://captcha.luosimao.com/demo

文書リンク以下の例では、

ヘッドHTMLスクリプトタグを導入する方法は、添加します

オンラインプラグインのjsの導入

    <script src="https://captcha.luosimao.com/static/dist/api.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://captcha.luosimao.com/static/lib/page.js"></script>

コールバック：以下は、VMのオブジェクトであります

const vm = new Vue({ // 配置对象 options
        el: '#app',  // element: 指定用vue来管理页面中的哪个标签区域
        data() {
            return{
                userForm: {
                    checkComputer:'',//检验人机
                }
            }

        }

    })

    <script language="JavaScript">
        function getResponse(resp){
            console.log(resp)
            vm._data.userForm.checkComputer='success'//有返回则不是机器，设置到vm上表示非人机
            console.log(vm)
        }
    </script>

プラグインのラベル、ラベルは本体の中の任意の位置に追加されます 

<div class="l-captcha" 
    data-site-key="cc9864bb9d0d879aaf4c323586911583" 
    data-callback="getResponse">
</div>

 

スクリーンショット：

 

この方法は、てgetResponseに入りますときに<script>タグが検証に合格した、それが成功を示す値を返し、戻り値は表示されませんされていません

なお、公式ドキュメントを表示する命令でデータ・サイト・キーの上の値：https://luosimao.com/docs/api/56

また、あなたはまた、上記の方法はてgetResponseを書くことであることに留意すべきです

 

 

 

あなたは完全な例を見たい場合：私はgithubの上の完全な例であるregister.htmlをマウント

https://github.com/1015770492/myTaoTao_store