el-dialog弹窗中进度条的(mqtt提供)数据无法清空(清空方法)

 清空方法

 this.$nextTick(()=>{
          this.$refs.devicefromDialog.clearValidate('airSwitchNo');//清除的校验规则prop传的值
          this.$refs['devicefromDialog'].resetFields();//清除表单内容
     })

场景:进度条的数据需要在关闭的时候,清空上一次的缓存记录,但是给关闭按钮了一个点击事件发现真实数据在控制台清空了,但是弹窗中进度条数据还是有上一次的记录,然后由上一次的缓存的记录变到0,再由0加载本次的进度到100%。

解决办法:

第一种:需要后台和mqtt配合,各种生成一个同一次操作的任务生成一个相同的随机数据(因为账号可以同时多人登录,所以随机数可以保证是同一个人在某个时间下产生的进度条数据,这样多个人在同一时刻操作同一批数据时进度条数据就不会被混淆在一起)
1.1、种方法是先把每次操作的某个任务的接口接通后生成一个随机数;再由mqtt返回数据中添加一个随机数,
然后mqtt随机数和后台的操作接口生成的随机数相对比然后再添加到进度条相关数据(操作总数、当前完成数,
导致出错以后的错误信息列表)中。

1.2、在每次关闭的时候清空上一次的进度条数据
closePro

你可能感兴趣的:(vue.js)