這里我們通過控制isDisable 來設置 disabled來控制按鈕的點擊和不可點擊。 默認isDisable:的值為 false，按鈕可以點擊。 當我們點擊這個按鈕的時候，首先將按鈕的綁定isDisable設置為true，1秒后立馬將其置為false。 所以用戶只能有一秒的時間去操作這個按鈕。
<template>
<button @click="submit()" :disabled="isDisable">點擊</button>
</template>
<script>
export default {
name: 'TestButton',
data: function () {
return {
isDisable: false
}
},
methods: {
submit() {
this.isDisable = true
setTimeout(() => {
this.isDisable = false
}, 1000)
}
},
}
</script>
