对vue中methods互相调用的方法详解

2019-11-19 13:06:24

字体：大中小

来源：转载

供稿：网友

如下所示：

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

以上这篇对vue中methods互相调用的方法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：vue 根据数组中某一项的值进行排序的方法

下一篇：原生JS+HTML5实现的可调节写字板功能示例