对vue中methods互相调用的方法分析

这篇文章主要为大家详细介绍了对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'
    })
   }
  }

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

本文来自：http://www.q1010.com/184/5710-0.html

注：关于对vue中methods互相调用的方法分析的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js