在vue中methods互相调用的方法

来源:互联网 发布:软件开发工具是什么 编辑:程序博客网 时间:2024/05/16 14:20

最近在学习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'        })      }    }
原创粉丝点击