vue 封裝通用方法,其他接受返回值返回

2021-10-06 13:32:35 字數 668 閱讀 1877

專案如果乙個方法多次呼叫,建議常勝剝離出來,寫乙個方法其他方法可以呼叫此方法,本文是親身測試經驗主要解決掛載乙個通用介面的方法,但是需要同步接收其返回值再往下進行。

一、掛載公共方法

1、可以直接在main.js掛載全域性方法

vue.prototype.msgsuccess = function (msg) );

}

2、也可以在main.js裡引入其他檔案的方法再掛載成全域性方法

新建乙個通用的common.js

import  from "@/utils/common.js";

vue.prototype.getcommon = getcommon

common.js裡面的方法,必須要加上return返回值,不然取不到值

/****/

import unrecondorder from '../unrecondorder'

var commonmethod=)

},}export default common

二、其他地方呼叫

介面呼叫

this.getcommon().then(response=>)

CURL方法封裝 與JSON格式返回封裝

封裝curl的呼叫介面,post的請求方式 param url param requeststring param int timeout return bool mixed function docurlpostrequest url,requeststring,timeout 5,json 1 ...

Vue中封裝Axios請求方法

import axios from axios import from element ui 網域名稱位址 axios.defaults.baseurl request 請求異常攔截 axios.interceptors.request.use config err return promise.r...

vue中封裝全域性元件方法

vue專案中全域性註冊js檔案 首先是建立乙個js檔案叫toast.js export const toast var div document.getelementsbytagname div 0 toast2 這裡的方法就是快捷新增樣式的函式 function style domname,obj...