最近在学习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'
        })
      }
    }
Logo

前往低代码交流专区

更多推荐