ant-design-vue关于Confirm内部中this指向问题

 invoiceSubmit(record) {
      const _this = this;
      //判断签收状态是否签收和拒收
      if(record.operflag == 'N'){
        this.$message.error('已操作,不可再次签收');
        return;
      }
      if (record.flag == '0') {
        //黑名单
        this.$confirm({
        title: '温馨提示',
        content: h => <div style="color:red;">承兑人在黑名单内,您确定要签收吗?</div>,
        onOk() {
          _this.sign(record);
        },
        onCancel() {
          console.log('Cancel');
        },
        class: 'test',
      });
      }else if(record.flag == '1'){
        //灰名单
        this.$confirm({
        title: '温馨提示',
        content: h => <div style="color:red;">承兑人在灰名单内,您确定要签收吗?</div>,
        onOk() {
          _this.sign(record);
        },
        onCancel() {
          console.log('Cancel');
        },
        class: 'test',
      });
      }else{
        //白名单
        this.loading = true;
        this.sign(record);
        // console.log(this.);
      }
    },

在confirm中,this指向永远在其内部中,这就是容易踩坑的点。

posted @ 2022-06-09 22:44  花田007  阅读(859)  评论(0编辑  收藏  举报