对vue中methods互相调用的方法详解
更新时间:2018年08月30日 10:14:08 作者:枫林_panda
今天小编就为大家分享一篇对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互相调用的方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
el-input输入校验不能为空格以及不能输入全部为空的内容
这篇文章主要给大家介绍了关于el-input输入校验不能为空格以及不能输入全部为空的内容的相关资料,el-input验证规则主要是为了确保输入的内容符合特定的要求,需要的朋友可以参考下2023-10-10Vue3中Composition API和Options API的区别
Vue3的Composition API和Options API是Vue.js框架中的两种不同的API,本文主要介绍了Vue3中Composition API和Options API的区别,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧2023-06-06
最新评论