站内搜索:
首页 >> 前端 >> 内容
vue中,methods互相调用的方法

时间:2017/11/8 14:55:09

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

  • 上一篇:history对象介绍、属性及使用方法
  • 下一篇:hello vue实现教程
  • 返回顶部