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

自定义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();	
	}
}

最后

以上就是老迟到冬日为你收集整理的vue 引入自定义js方法并调用的全部内容，希望文章能够帮你解决vue 引入自定义js方法并调用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。