mcya / vue-vux-init

vue-vux 项目初始化搭建
0 stars 0 forks source link

项目中可以定义全局的请求方式 #4

Open mcya opened 4 years ago

mcya commented 4 years ago

全局定义请求函数的好处: 只需要管好执行成功的操作即可,失败的均是提示信息 ** 缺点就是

// fetch.js - 文件定义

// post
const fetch = (_this, url, params, callbackFuction) => {
  _this.$http.post(`${_this.HOST}${url}`, params, {emulateJSON: true}).then(function(response) {
    callbackFuction(response);// 响应成功回调
  }, function(response) {
    // 响应错误回调
    _this.$vux.toast.show({text: response, type: 'text', width: '200px'})
  });
};
export default {
  install(Vue, options) {
    Vue.mixin({
      methods: {
        $fetch(url, params, cb) {
          fetch(this, url, params, cb);
        }
      }
    })
  }
}
// index.html - 全局引入
<script type="text/javascript" src="static/lib/plus.js"></script>
//使用
this.$fetch('/online/wkReasonsSave.do', params, (data) => {
  //请求成功执行函数
  //data 即是执行成功返回的函数
  //this.reQuery();
})