这次的记录适用于vue-cli 3.0+构建的Vue项目。
一、建立文件
首先,该文件可以存在于任意位置,我选择的是Src的根目录下,建立了一个function文件夹来存放index.js文件。
该文件就是存放全局函数的文件。
二、引入index.js
1.写入位置:main.js
2.代码
import base from './function'
Vue.use(base);
三、index.js里面的代码
这是index.js里面所有的代码,你只需要如下新建函数即可:vue.prototype.函数名=function(参数1,参数2){}
export default {
install(Vue) {
Vue.prototype.changeCatelogData = function (params){
let self = this;
this.axios.get('/cate/selPageList',{
params: params
})
.then((res)=>{
if(res.data.code==200){
let data = res.data.data.data;
let type = require('../assets/json/default.json').data_type;
for(let i = 0; i<data.length;i++){
for(let x in type){
if(data[i].type == type[x].type){
data[i].typeName = type[x].name;
break;
}
}
}
this.$store.state.catePage.data = data;
// 页面总量 => vuex
let datax = {
path:self.$route.path,
total:res.data.data.total
}
this.$store.commit("totalChange",datax);
// this.$store.state.catePage.total = res.data.data.total;
}
});
};
}
}