今天寫了個(gè)小功能,看起來挺簡單,寫的過程中發(fā)現(xiàn)了些坑。
創(chuàng)新互聯(lián)專注于靜寧網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供靜寧營銷型網(wǎng)站建設(shè),靜寧網(wǎng)站制作、靜寧網(wǎng)頁設(shè)計(jì)、靜寧網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù),打造靜寧網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供靜寧網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
1.div沒有disabled的屬性,所以得寫成button
2.disabled在data時(shí),默認(rèn)是true,使得初始化時(shí),默認(rèn)置灰按鈕,無法點(diǎn)擊
export default { data() { return { checkShow: false, isDisable: true, } }, methods: { /** * 協(xié)議勾選 */ checkMark() { this.checkShow = !this.checkShow; if (this.checkShow === true) { this.isDisable = false; //打勾時(shí),可以點(diǎn)擊按鈕 this.$refs.btn_submit.style.background = '#fa8919'; } else { this.isDisable = true; //不打勾時(shí),不可以點(diǎn)擊按鈕 this.$refs.btn_submit.style.background = '#999'; } }, /** * 提交按鈕 */ check() { if (this.checkShow === false) { console.log('不能提交'); } else { console.log('能提交'); } } } }我已閱讀并接受《xxx服務(wù)協(xié)議》及隱私保護(hù)條款
以上這篇vue 實(shí)現(xiàn)特定條件下綁定事件就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。