對vue中methods互相調用的方法詳解

來源：懂視網責編：小采時間：2020-11-27 22:08:49

對vue中methods互相調用的方法詳解

對vue中methods互相調用的方法詳解:如下所示：最近在學習vue，并用vue+vue-router+axios+elementUI做了一個pos收銀系統的前端頁面，但是中間遇到methods里的方法調用問題。本身源碼是沒有調用的，但是我想直接調用多方便，結果出錯了……然后百度了一波，終于解決了~ 分享并做個筆記。 d

推薦度：

點擊下載本文 文檔為doc格式

導讀對vue中methods互相調用的方法詳解:如下所示：最近在學習vue，并用vue+vue-router+axios+elementUI做了一個pos收銀系統的前端頁面，但是中間遇到methods里的方法調用問題。本身源碼是沒有調用的，但是我想直接調用多方便，結果出錯了……然后百度了一波，終于解決了~ 分享并做個筆記。 d

如下所示：

最近在學習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互相調用的方法詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

對vue中methods互相調用的方法詳解

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法 VUE methods

熱門焦點

對vue中methods互相調用的方法詳解

對vue中methods互相調用的方法詳解

對vue中methods互相調用的方法詳解

最新推薦

猜你喜歡

熱門推薦