对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。