对vue中methods互相调用的方法详解
程序员文章站
2023-11-30 11:30:16
如下所示:
最近在学习vue,并用vue+vue-router+axios+elementui做了一个pos收银系统的前端页面,但是中间遇到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互相调用的方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。