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包及调用
1.首先是第三方js包存放的位置一定要放在 static 目录下否则引用不到 2.网上查找到的引用第三方包的四种方式实测部分第三方js包没法使用,较稳定的方式是在 index.html 中引入js ...
vue实例中调用外部js_vue中引入外部js方法实例
我们在做vue项目时,经常会需要引入js,常用的有以下几种.本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家. 第一种import XX from "路径" Vue ...
vue引用自定义.js文件（常量抛出 + 地址三级联动为例）- 语法篇
文章目录 vue如何引用`自定义封装的` `.js`文件? `如何操作,详细如下.`(注意代码注释部分:注意1/2/3/4/5) 一.效果图预览: 二.以自定义`area.min.js`文件为例: 三 ...
vue引入第三方js的方案报错
vue引入第三方js的方案报错< 问题描述 vue项目中引用一个外部js包 npm中没有响应的js下载所以只能通过外部引用使用方法如下: 1.首先是第三方js包存放的位置一定要放在 st ...
vue引入jquery的方法
vue引入jquery的方法 1.局部引入通过命令下载jquery npm install jquery --save-dev 在需要引入jquery的组件中通过import $ from 'j ...
vue引入外部js文件（第三方js工具或者jq库）
方法一:静态资源导入(或者cdn资源加载) 在public文件夹下的index.html文件使用script标签对插件进行引用. 可以是项目中的静态资源,也可以是远程资源. 例如: //本地静态资源, ...
【Vue】Vue引入bootstrap的方法
方法一:在main.js中引入(1) npm i jquerynpm i bootstrap 在main.js中 import 'jquery/dist/jquery.min'import 'boot ...
微信小程序引入外部js 方法
步骤: 1.首先将外部js放在你指定的文件夹里(这都是废话...) 2.接下来将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js 4.使用暴露出来的方法例子:使用md5加密 ...
php引入外部js,vue.js怎么引入外部js,vue引入第三方js库
vue.js怎么引入外部js·怎么介绍外部js,在vue.js中引入外部js的方法如下:1.使用外部文件[config.js],代码为[函数格式XML(text){ return text }]:2. ...

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

vue 引入自定义js方法并调用相关推荐

最新文章

热门文章