1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
这里我们通过控制isDisable 来设置 disabled来控制按钮的点击和不可点击。 默认isDisable:的值为 false,按钮可以点击。 当我们点击这个按钮的时候,首先将按钮的绑定isDisable设置为true,1秒后立马将其置为false。
所以用户必须1秒后才能再次点击,那个时候,模态框已经关闭了。可以设置为1500合适
手机扫一扫
移动阅读更方便
你可能感兴趣的文章