vue 特定条件下绑定事件

今天写了个小功能，看起来挺简单，写的过程中发现了些坑。1.div没有disabled的属性，所以得写成button2.disabled在data时，默认是true，使得初始化时，默认置灰按钮，无法点击

<div class='form-item'><div class="checkWrap clearfix" @click='checkMark()'><div class="checkBox" v-show="checkShow"></div></div><div>我已阅读并接受<a href="http://www.baidu.com" @click="conserve()">《xxx服务协议》</a>及隐私保护条款</div>
</div>
<button class='btn' ref='btn_submit' :disabled="isDisable" @click="check()">提交
</button>
export default {data() {return {checkShow: false,isDisable: true,}}，

methods: {/***  协议勾选*/
checkMark() {this.checkShow = !this.checkShow;if (this.checkShow === true) {  this.isDisable = false;  //打勾时，可以点击按钮this.$refs.btn_submit.style.background = '#fa8919';} else {this.isDisable = true;   //不打勾时，不可以点击按钮this.$refs.btn_submit.style.background = '#999';}
},
/***     提交按钮*/check() {if (this.checkShow === false) {console.log('不能提交');} else { console.log('能提交');}}}
}

更多专业前端知识，请上【猿2048】www.mk2048.com

vue 特定条件下绑定事件相关推荐

vue中使用v-on绑定事件中，获取$event.currentTarget，日志打印为null
问题:vue中使用v-on绑定事件中,获取$event.currentTarget,日志打印为null dom结构: <li @click="clickEvent('hello',$e ...
strcat在某种特定条件下的优化
strcat是C语言一个基本的字符串操作函数,它的源代码一般是这样的. char *strcat(char *dest, const char *src) { char *tmp = ...
利用excel求特定条件下的最大/小值（maxif/minif）
欢迎关注我的公众号:Smilecoc的杂货铺在Excel中有sumif,countif等函数可以实现求特定条件下数值的加总和计数,那么如何在一个或多个条件下求出此时的最大值或者最小值呢? 其实sum ...
Vue根据条件添加click事件
需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件:clickFlag == false时,去掉click事件:) 解决方法: 方式一:在绑 ...
Vue.js：vue指令（给标签属性赋Vue变量v-bind，绑定事件 v-on）vue事件处理函数中, 拿到事件对象，6个事件修饰符
1. 给标签属性赋Vue变量v-bind 在vue中,v-bind指令可以动态的给标签的属性设置值, 语法:v-bind:属性名="vue变量" 简写::属性名="vue ...
拓扑绝缘体量子计算机,特定条件下石墨烯可变身拓扑绝缘体
据美国麻省理工学院网站近日报道,该校科学家通过研究发现,在某些极端情况下,可将石墨烯转化为具有独特功能的拓扑绝缘体,有望为量子计算机的制造提供新思路.相关研究发表在本周出版的<自然>杂志上 ...
vue系列--vue是如何实现绑定事件
一.前言 vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法. 二.事件绑定方式 ...
pyspark 条件_删除pyspark中特定条件下的特定行
我是火花的新手 . 我想删除一行使用spark sql.due来删除temptable中的不兼容性到目前为止我已经读过,操作删除像sql查询我需要永久保存pyspark中的表,这是hive表我猜 . ...
【1 Vue基础 - 模板语法-绑定】
1 VSCode代码片段链接: link 2 Mustache双大括号语法插入内容 <body><div id="app"><!-- 1.基本使用 ...

vue 特定条件下绑定事件

vue 特定条件下绑定事件相关推荐

最新文章

热门文章