vue 封装公共方法笔记

1、在utils文件夹下新建common.js

import { Loading,Message } from 'element-ui';
import * as Type from "@/api/service";
let loading=null
export const  refundMoneyFun = (row)=>{
  let promise = new Promise(async (resolve, reject)=>{
//发卡线上退款申请
if(row.asOnlinePay){

    //做一些异步操作
    loading = Loading.service({
      lock: true,
      text: '退款中',
      spinner: 'el-icon-loading',

    });
    let res = await Type['refundApplication']({
      chargeSettleId:row.chargeSettleId,
      attachCode:row.businessCode,
      payUseType:'cancelPay',
    })
    if(!res) {
       loading.close()
       reject()
       return
    };
    // this.$message.success(res.message)
    // Message({
    //   message: res.message,
    //   type: 'success'
    // })
    let outTradeNo=res.data
    let result = await Type['queryRefundResults']({outTradeNo})
    loading.close()
    Message({
      message: result.message,
      type: 'success'
    })
    resolve()
}
});
return promise;
}

2、引入使用

import { refundMoneyFun } from "@/utils/common";
 refundMoneyFun(row).then(async()=>{
    //继续其他操作
})