好友使用vue技术封装了一个专门用于提交表单和下载文件的“防抖按钮”，其实现原理和使用方法看这里 https://blog.csdn.net/PursueExcellence/article/details/103903139。

主要介绍了vue 按钮多次点击重复提交数据的问题,本文通过实例结合的形式给大家介绍的非常详细，需要的朋友可以参考下

这个其实是一个很细节的问题。 如果我们操作一个按钮，然后在按钮点击的时候绑定事件。 事件分为两种情况： •第一种： 不操作数据型 •第二种： 操作数据型 点击 [removed] export default { name: 'TestButton', data: function () { return { isDisable: false } }, methods: { submit()

具体代码如下所示： Title <!--此处model的abc 要是下面input 绑定的对象名称, ref 要和提交按钮的submit参数

需要添加加载状态，调用下面方法即可 //开启loading const load = _this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' }); //关闭loading load.close(); 补充知识：在vue中使用element-ui 里面的按钮点击后显示加载中，防止重复提交 第一步： 第二步： 第三步： 效果 以上这