對vue中methods互相調(diào)用的方法詳解
更新時間：2018年08月30日 10:14:08 作者：楓林_panda
今天小編就為大家分享一篇對vue中methods互相調(diào)用的方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
最近在學(xué)習(xí)vue，并用vue+vue-router+axios+elementUI做了一個pos收銀系統(tǒng)的前端頁面，但是中間遇到methods里的方法調(diào)用問題。本身源碼是沒有調(diào)用的，但是我想直接調(diào)用多方便，結(jié)果出錯了……然后百度了一波，終于解決了~ 分享并做個筆記。
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:'結(jié)賬成功！',
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:'結(jié)賬成功！',
type:'success'
})
}
}
以上這篇對vue中methods互相調(diào)用的方法詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue框架render方法如何替換template，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了通過Vue實現(xiàn)淘寶購物車中三級選中的功能，文中的實現(xiàn)過程講解詳細，對我們學(xué)習(xí)Vue有一定的幫助，感興趣的可以了解一下2022-01-01
在當(dāng)今的數(shù)據(jù)驅(qū)動時代,數(shù)據(jù)可視化變得越來越重要,它能夠幫助我們更直觀地理解數(shù)據(jù),從而做出更好的決策,在這篇博客中,我們將探索如何使用 Vue 和一些常見的圖表庫（如 Chart.js）來制作漂亮的數(shù)據(jù)可視化效果,需要的朋友可以參考下2024-10-10
使用vue實現(xiàn)grid-layout功能實例代碼
這篇文章主要介紹了使用vue實現(xiàn)grid-layout功能的代碼講解,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了基于vue的video播放器的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析
這篇文章主要介紹了vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了Vue3初始化如何調(diào)用函數(shù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue2結(jié)合element-ui的gantt圖實現(xiàn)可拖拽甘特圖
因為工作中要用到甘特圖,所以我在網(wǎng)上搜索可以用的甘特圖,搜索了好多,但是網(wǎng)上搜到大多數(shù)都很雞肋,不能直接使用,下面這篇文章主要給大家介紹了關(guān)于vue2結(jié)合element-ui的gantt圖實現(xiàn)可拖拽甘特圖的相關(guān)資料,需要的朋友可以參考下2022-11-11
element-ui自定義表格如何給input雙向綁定數(shù)據(jù)
這篇文章主要介紹了element-ui自定義表格如何給input雙向綁定數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue js生命周期，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03