對vue中methods互相調用的方法詳解
更新時間：2018年08月30日 10:14:08 作者：楓林_panda
今天小編就為大家分享一篇對vue中methods互相調用的方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
最近在學習vue，并用vue+vue-router+axios+elementUI做了一個pos收銀系統(tǒng)的前端頁面，但是中間遇到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互相調用的方法詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了60個vue常用工具類,包括vue郵箱驗證，vue瀏覽器識別，vue操作系統(tǒng)識別,vue html過濾，vue身份證校驗等需要的朋友可以參考下2023-01-01
這篇文章主要為大家詳細介紹了vue滾動軸插件better-scroll的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了vue+webpack實現異步加載的三種用法，文中給大家提到了vue+webpack實現異步組件加載的代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-04-04
這篇文章主要介紹了Vue 前端實現登陸攔截及axios 攔截器的使用,通過這個項目學習如何實現一個前端項目中所需要的 登錄及攔截、登出、token失效的攔截及對應 axios 攔截器的使用。需要的朋友可以參考下2019-07-07
這篇文章主要介紹了vue移動端輕量級的輪播組件實現代碼，一個簡單的移動端卡片滑動輪播組件，適用于Vue2.x。本文給大家?guī)砹藢嵗a，需要的朋友參考下吧2018-07-07
這篇文章主要介紹了Vuejs第九篇之組件作用域及props數據傳遞實例詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了Mock.js在Vue項目中的使用,在vue.config.js中配置devServer，在before屬性中引入接口路由函數，詳細步驟跟隨小編通過本文學習吧2022-07-07
這篇文章主要介紹了詳解vuejs之v-for列表渲染，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
Vue?Vuex搭建vuex環(huán)境及vuex求和案例分享
這篇文章主要介紹了Vue?Vuex搭建vuex環(huán)境及vuex求和案例分享，?Vue?中實現集中式狀態(tài)管理的一個?Vue?插件，對?vue?應用中多個組件的共享狀態(tài)進行集中式的管理，下文相關介紹,需要的朋友可以參考一下2022-04-04
這篇文章主要給大家介紹了關于vue自定義樹狀結構圖的實現方法，文中通過圖文介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10