今天写了个小功能,看起来挺简单,写的过程中发现了些坑。
1. div没有残疾的属性,所以得写成按钮
2.残疾人在数据时,默认是真的,使得初始化时,默认置灰按钮,无法点击
& lt; div类=表单项的祝辞
& lt; div class=" checkWrap clearfix”@click=备囱】?)、比;
& lt; div类=案囱】颉眝-show=癱heckShow祝辞& lt;/div>
& lt;/div>
& lt; div>我已阅读并接受& lt; a href=" http://www.baidu.com " rel=巴獠縩ofollow”@click=氨４?)”在《xxx服务协议》& lt;/a>及隐私保护条款& lt;/div>
& lt;/div>
& lt;按钮类=' btn ref=癰tn_submit”:禁用=癷sDisable @click”=凹觳?)”在
提交
& lt;/button>
出口默认{
数据(){
返回{
checkShow:假的,
isDisable:没错,
}
},
方法:{/* *
*协议勾选
*/选中标记(){
这一点。checkShow=! this.checkShow;
如果这一点。checkShow===true) {
这一点。isDisable=false;//打勾时,可以点击按钮
refs.btn_submit.style美元。背景=? fa8919”;
其他}{
这一点。isDisable=true;//不打勾时,不可以点击按钮
refs.btn_submit.style美元。背景=? 999”;
}
}，/* *
*提交按钮
*/check () {
如果这一点。checkShow===false) {
console.log('不能提交”);
其他}{
console.log('能提交”);
}
}
}
}
以上这篇vue实现特定条件下绑定事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
