如下所示:
最近在學習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互相調用的方法詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答