解决vue多次提交
<template>
<button @click=
"submit()"
:disabled=
"isDisable"
>点击</button>
</template>
<script>
export
default
{
name:
'TestButton'
,
data:
function
() {
return
isDisable:
false
}
},
methods: {
submit() {
this
.isDisable =
true
setTimeout(() => {
}, 1000)
</script>
这里我们通过控制isDisable 来设置 disabled来控制按钮的点击和不可点击。 默认isDisable:的值为 false,按钮可以点击。 当我们点击这个按钮的时候,首先将按钮的绑定isDisable设置为true,1秒后立马将其置为false。
所以用户必须1秒后才能再次点击,那个时候,模态框已经关闭了。可以设置为1500合适
赞赏
长按二维码向我转账
受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。
已发送
发送中
微信扫一扫关注该公众号