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>

查看全文

相关阅读:
输入挂
 最长递增子序列nlogn的做法
 lca 倍增模版
 讨厌字符串
 js的事件处理与闭包：
http
html的语义化
 js性能优化
 js的缓存
 字面量声明和函数式声明

原文地址：https://www.cnblogs.com/wangruifang/p/7765162.html