//第一种方法: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();
自定义common.js公共方法//第一种方法:export 导出函数export function getWinGoods(that,header, params) { return new Promise(function(resolve, reject) { let obj={} let objH={} if(params) { //添加自定义参数 for(let...
由于一些演示,需要对一些简单页面进行配置,由于打包build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。所以文件放在public。
1.在public文件夹下创建config.js文件 用window.config 这样方式挂载也是可以的,或者直接定义变量。
let config = [
// window.config = [
title: '智能指挥中心1',
content: [
// 判断权限
function hasPermissionJs(val) {
var restoredSession = JSON.parse(sessionStorage.getItem('userInfo'));
var roles = restoredSession.user.roles;
for(...
1、vue-cli webpack全局引入jquery
(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)
(2)在webpack.base.conf.js里加入
var webpack = require("webpack")
(3)在module
1、vue-cli webpack全局引入jquery
(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)
(2)在webpack.base.conf.js里加入
var webpack = require("webpack")
(3)在module.expo...
vue引入外部js文件并调用其中的方法
最近写vue项目,由于刚接触vue这个框架,所以在写代码的时候也是遇到了一些问题,比如本文所提到的引入js文件,话不多说直接上:
这里是所引入的外部js文件的位置
第一种引入方式:export default 方法(在main.js中引入)
export default {
los: function() {
console.log('js外部被调用')
这是common.js文件中的代码
import los from '@/assets
可以在组件中的script标签中定义methods:{},在methods中定义函数,并通过v-on:click绑定该函数为点击事件,在对象被点击时就会自动触发执行该js函数,达到动态效果。
示例:v-on:click="xxx"可用@click="xxx"代替
<template>
<div class="msg">
<span v-bind:title="truth">chuntian is hansome!</span>