按钮置灰后点击事件仍可以触发

 在按钮置灰后（disabled--禁用）但是点击事件有时候仍然可以触发 
解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了
--由于时间戳是数值不是字符串，所以在前面添加一个任意的字符串后加上时间戳就行了，如下：
:key="'submitBtn' +new Date()"

 1：html部分

<!-- 在按钮置灰后（disabled--禁用）但是点击事件有时候仍然可以触发 
解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了
--由于时间戳是数值不是字符串，所以在前面添加一个任意的字符串后加上时间戳就行了，如下：
:key="'submitBtn' +new Date()"
-->
<!--  未添加  :key="'submitBtn' +new Date()"-->
<el-button
  type="primary"
  v-preventReClick="3000"
  @click="submit"
  :disabled="submitBtn"
  >提交</el-button>
<el-button
  type="primary"
  v-preventReClick="3000"
  @click="zanCun"
  :disabled="zanCunBtn"
  >暂存</el-button>


<!-- 添加  :key="'1' +new Date()"  注意 前面的字符不能一样 ，有了 1 别的就 应该是 2-->
<el-button 
  type="primary" 
  v-preventReClick="3000" 
  @click="zanCunTiJiao" 
  :disabled="submitBtn"
  :key="'1' +new Date()"
  >提交</el-button>
<el-button 
  :key="'2' +new Date()" 
  type="primary" 
  v-preventReClick="3000" 
  @click="zanCunTiJiao" 
  :disabled="zanCunBtn"
  >暂存</el-button>

                   

  

2：js部分

export default {
  data() {
    return {   
          submitBtn:false,
          zanCunBtn::false,
        }
    },
	methods{
    // 暂存 提交 同一个接口 status 1-暂存 2-提交
    zanCunTiJiao(val) {
        this.submitBtn = true;
        // 只有 填写了数据 或者上传了 东西 才可以暂存 暂存后重新变为 不可点击
        this.zanCunBtn = true;
        this.$message.success("保存成功");   
    	},           
    }      
}