今天写了个小功能,看起来挺简单,写的过程中发现了些坑。 1.div没有disabled的属性,所以得写成button 2.disabled在data时,默认是true,使得初始化时,默认置灰按钮,无法点击
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('能提交'); } } }}