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

最新推荐文章于 2025-07-23 16:14:56 发布

S筱潇S四维Smile

最新推荐文章于 2025-07-23 16:14:56 发布

阅读量3.3w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Vue JavaScript

本文链接：https://blog.youkuaiyun.com/qq_29483485/article/details/86605215

Vue 同时被 3 个专栏收录

63 篇文章

订阅专栏

JavaScript

61 篇文章

订阅专栏

Vue

43 篇文章

订阅专栏

本文介绍了在common.js中自定义公共方法的两种方式，包括使用export导出函数和普通函数定义。详细展示了如何通过这些方法处理参数和header信息，并通过Promise进行异步请求处理。同时，提供了在组件中调用这些公共方法的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义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.youkuaiyun.com/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();	
	}
}