好资源导航 » 文章资讯 » vue 实现特定条件下绑定事件

vue 实现特定条件下绑定事件

2023-08-09 15:30:04 431

今天写了个小功能，看起来挺简单，写的过程中发现了些坑。

1.div没有disabled的属性，所以得写成button

2.disabled在data时，默认是true，使得初始化时，默认置灰按钮，无法点击

我已阅读并接受《xxx服务协议》及隐私保护条款

提交 exportdefault{ 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('能提交'); } } } }

以上这篇vue实现特定条件下绑定事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue 实现特定条件下绑定事件

热门推荐

随机推荐