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

编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇对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互相调用的方法详解就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板