vue同意本站協議的制作

本文轉載自查看原文 2017-11-01 10:15 1252 Vue

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>事件綁定</title>
    <script src="js/vue.js"></script>
 </head>
 <body>
  <div id="container">
        <p>{{msg}}</p>
        <h5>表單提交</h5>
        <form v-on:submit.prevent="handleSubmit">
            <input type="checkbox" v-bind:checked="isChecked" v-on:click="handleDisabled"/>
            是否同意本站協議
            <br>
            <button v-bind:disabled="isDisabled">提交</button>
        </form>
    </div>
    <script>
        new Vue({
            el:"#container",
            data:{
                msg:"Hello VueJs",
                isDisabled:false,
                isChecked:false
            },
            //methods對象
            methods:{
                //通過methods來定義需要的方法
                handleDisabled:function(){
                    this.isChecked = !this.isChecked;
                    if(this.isChecked==true){
                        this.isDisabled =  true;
                    }
                    else{
                        this.isDisabled =  false;
                    }
                }
            }
        })
    </script>
 </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 判斷是否同意個人隱私協議我們注冊時要勾選同意XXX協議，同時協議的標題為一個超鏈接，只有勾選了同意，才能點擊提交。如何實現這個功能，下面是代碼。 2018 ios開發者賬號同意新協議加聯系電話教程勾選同意XXX協議，才能點擊提交一類的JS頁面，源碼如下 vue v-for循環同意數組兩次報錯，key值重復 ThinkPHP/---獲取本站域名 vue導航欄制作 vue 甘特圖簡單制作 [譯] 制作 Vue 3 的過程 vue制作分頁