zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    javascript基础
    杂谈
    六大设计原则
    MVC的理解
    不错的资源哦
    平时你从哪里获取前端知识?
    网站背景平铺
    js 获取节点
    自适应后的页面用户点击后会放大
    innerHTML的运用
  • 原文地址:https://www.cnblogs.com/wangruifang/p/7765162.html
Copyright © 2011-2022 走看看