技术碎片
技术记录
帮助交流
recommend
uni-app 注册全局变量函数

根目录创建store\index.js文件 内容为:


import Vue from "vue"

import Vuex from "vuex"


//uni-app vuex内置有不用下载

Vue.use(Vuex)


const store = new Vuex.Store({

state:{

apiUrl:"http://api.help.bj.cn/apis"

},

mutations:{

  //发起网络请求

  //state参数为初始值,每次接收state,url为第一个参数

  request: function(state,url, data, success, error) {

    var that = this;

var urls = state.apiUrl + url;

    if (typeof data == 'function') {

      success = data;

      error = success;

      data = {};

    }

    wx.request({

      url: urls,

      data: data,

      method: 'post',

      success: function(res) {

console.log("success:", res);

      },

      fail: function(res) {

        console.log("fails:", res);

      }

    });

  }

}

})

export default store


main.js中

import App from './App'

import store from './store' //导入

import Vue from 'vue'

Vue.config.productionTip = false

Vue.prototype.$store = store //设置

App.mpType = 'app'

const app = new Vue({

    ...App,

store //设置

})

app.$mount()


页面调用方法

onLoad(){

    this.$store.state.apiUrl

    this.$store.commit('request','/api/index')//一种

    this.requests('/api/index')//另一种

},

methods:{

     requests(url){

        this.$store.commit('request',url)

    }

}


根据示例结合自己实际情况开发


如有疑问或者交流问题请加:QQ 2137087126

转载请注明来源地址:www.zhyunxuan.com 更新时间 2023-02-01  1931
梦想有多远,路就有多远