zoukankan      html  css  js  c++  java
  • 解决vue多次提交

    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合适

  • 相关阅读:
    tensorflow 学习
    join-semi and join-anti
    深入拆解Tomcat_Jetty 笔记
    Set化
    DDD实战-笔记
    高并发系统设计-笔记
    技术管理
    性能调优-笔记
    程序员是如何思考的-笔记
    LeetCode
  • 原文地址:https://www.cnblogs.com/brady-wang/p/11933838.html
Copyright © 2011-2022 走看看