vue 引入自定义js方法并调用

60 篇文章 3 订阅
59 篇文章 3 订阅

自定义common.js公共方法

//第一种方法:export 导出函数
export function getWinGoods(that,header, params) {
	return new Promise(function(resolve, reject) {
		let obj={}
		let objH={}
		if(params) { //添加自定义参数
			for(let k in params) {
				if(params[k] && params[k] != 'undefined') {
					obj[k] = params[k];
				}
			}
		}
		if(header) { //添加header信息
			for(let k in header) {
				if(header[k] && header[k] != 'undefined') {
					objH[k] = header[k];
				}
			}
		}
		that.$axios.get('act/win/goods', {
			params: obj,
			headers: objH
		}).then(res => {
			resolve(res);
		}).catch(res => {
			reject(res)
		})
	})
}
//第二种方法
function getWinGoods(that,header, params) {
	return new Promise(function(resolve, reject) {
		let obj={}
		let objH={}
		if(params) { //添加自定义参数
			for(let k in params) {
				if(params[k] && params[k] != 'undefined') {
					obj[k] = params[k];
				}
			}
		}
		if(header) { //添加header信息
			for(let k in header) {
				if(header[k] && header[k] != 'undefined') {
					objH[k] = header[k];
				}
			}
		}
		that.$axios.get('act/win/goods', {
			params: obj,
			headers: objH
		}).then(res => {
			resolve(res);
		}).catch(res => {
			reject(res)
		})
	})
}

export{
    getWinGoods
}

new Promise()用法:https://blog.csdn.net/qq_29483485/article/details/86605396

在组件中使用:

import {getWinGoods} from '../../static/js/common.js'
export default {
	data() {
		return {}
	},
	methods: {
		_getWinGoods(){
			getWinGoods(this).then(function(data){
				console.log(data)
			}.bind(this));
		}
	},
	mounted() {
		this._getWinGoods();	
	}
}

 

  • 4
    点赞
  • 7
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页
评论

打赏作者

S筱潇S四维Smile

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值