因为我目前在做的系统,属于公司自研,面对的客户人群呢也属于是有关厂区生产的这一部分人,所以这一部分人的文化程度普遍不高,对于系统一整个的操作,理解力也没用那么透彻,因为我们生产的东西,有一些数据量较大,发起请求到返回处理,会有那么一些延迟,我之前的做法是提示正在生成请不要重复点击,但是他们不听也不看哇,上期有说过vue的**.once** 修饰符,.once修饰符呢,是只支持按钮点击一次,当我们要重复执行同一个操作的时候就不适用了。
解决方式:
-
首先:data中声明一个disableButton = false
:disabled="disableButton"按钮中添加上这行代码
<el-button size="small" type="primary" @click="shipMentsUpdateData()" :disabled="disableButton">确定
在点击弹窗的时候默认 this.disableButton = true****默认按钮不是禁用的状态
在点击确认这个@click这个事件时,按钮开启禁用状态
当然解决方案不止这一种,我们也可以用节流阀,都是可以的