這個(gè)其實(shí)是一個(gè)很細(xì)節(jié)的問題。 如果我們操作一個(gè)按鈕，然后在按鈕點(diǎn)擊的時(shí)候綁定事件。
事件分為兩種情況：

• 第一種： 不操作數(shù)據(jù)型
• 第二種： 操作數(shù)據(jù)型

<template><button @click="submit()" :disabled="isDisable">點(diǎn)擊</button> </template><script>export default {name: 'TestButton',data: function () {return {isDisable: false}},methods: {submit() {this.isDisable = truesetTimeout(() => {this.isDisable = false}, 1000)}},} </script>

這里我們通過控制isDisable 來設(shè)置 disabled來控制按鈕的點(diǎn)擊和不可點(diǎn)擊。 默認(rèn)isDisable:的值為 false，按鈕可以點(diǎn)擊。 當(dāng)我們點(diǎn)擊這個(gè)按鈕的時(shí)候，首先將按鈕的綁定isDisable設(shè)置為true，1秒后立馬將其置為false。 所以用戶只能有一秒的時(shí)間去操作這個(gè)按鈕。

總結(jié)

以上是生活随笔為你收集整理的vue 按钮多次点击重复提交数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。