對vue中methods互相調(diào)用的方法詳解
如下所示:
最近在學習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實現(xiàn)grid-layout功能實例代碼
這篇文章主要介紹了使用vue實現(xiàn)grid-layout功能的代碼講解,需要的朋友可以參考下2018-01-01
vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析
這篇文章主要介紹了vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-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

