VUE控制按钮状态

1.  按钮标签上添加:disabled="btnState"

<el-button :disabled="btnState" type="primary" @click="submitFaFn">确认发货</el-button>

 2. 在data中声明变量

btnState:false

3.在js中根据业务进行判断

//已发货页面
      if (scope.id == "3") {
        this.titleCheck = "待收货";   // 标题
        this.btnState = false;        //按钮状态(false可以点击,true禁用)
      } else if (scope.id == "5") {
        this.titleCheck = "点击申请退款按钮";
        this.btnState = true;   //判断确认发布按钮状态
      } else if (scope.id == "4") {
        // this.centerDialogVisible = false; //已收货 关闭弹框(判断弹框)
        this.titleCheck = "已收货";
        this.btnState = true;
        
      } else if (scope.id == "2" || "1") {
        this.titleCheck = "待发货";
        this.btnState = false;
      }