在vue中methods互相调用的方法

最近在学习vue,并用vue+vue-router+axios+elementUI做了一个pos收银系统的前端页面,但是中间遇到methods里的方法调用问题。本身源码是没有调用的,但是我想直接调用多方便,结果出错了……然后百度了一波,终于解决了~ 分享并做个笔记。

delAllOrderList:function(goods) {
      this.tableData = [];
      this.totalCount = 0;
      this.money = 0;
    },
checkout:function(){
      if(this.totalCount != 0){
        this.tableData = [];
        this.totalCount = 0;
        this.money = 0;
        this.$message({
          message:'结账成功!',
          type:'success'
        })
      }
    }

上面的代码块里,checkout方法里的代码和delAllOrderList里的一模一样,可以使用

 this.$options.methods.delAllOrderList.bind(this)();

来替换。

    checkout:function(){
      if(this.totalCount != 0){
        this.$options.methods.delAllOrderList.bind(this)();
        this.$message({
          message:'结账成功!',
          type:'success'
        })
      }
    }
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值