vue同意本站协议的制作
2024-09-27 16:43:49
<!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>
最新文章
- 用jekyll制作高大上的网站(二)——实际应用
- Json字符串和Json对象的简单总结
- 最小生成树——prim算法
- android 最简单的自定义圆点view
- 大家一起写mvc(二)
- CSS系列:长度单位&;字体大小的关系em rem px
- FlashBuilder 4.7 win64 和 mac版 下载地址
- c#中SqlHelper类的编写(三)
- Java 中UDP原理机制及实现方式介绍(建议阅读者阅读前了解下Java的基础知识,一方便理解)
- JS笔记1
- Why SignalR does not use WebSockets?
- Check whether a given Binary Tree is Complete or not 解答
- linux下如何产生core,调试core
- shell脚本处理长参数的模板
- javascript中的自定义属性
- SparkSQL – 从0到1认识Catalyst(转载)
- 剑指Offer 51. 构建乘积数组 (数组)
- python测试开发django-48.xadmin上传图片django-stdimage
- pta l2-20(功夫传人)
- unity3D iTween的使用