main.js中Vue.prototype定义全局变量

main.js中的Vue.prototype可用于全局页面的变量(store为例)

uni-app项目,在main.js文件中使用Vue.prototype方法挂载一个可用于全局页面的变量

import Vue from 'vue'
import App from './App'
import store from './store'

Vue.prototype.$store = store

通过这个方法,可以在其他页面直接进行使用

let TMSids = [];
// 对TMSids变量进行一系列的数据操作......
this.$store.dispatch('signing/signingDataList', TMSids)

./store/index.js:

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
Vue.use(Vuex)

const store = new Vuex.Store({
  modules,
  getters
})

export default store

./store/getters.js:

const getters = {
  signingDataList: state => state.signing.signingDataList,
}
export default getters

其它页面获取存储的signingDataList值:

// 例如在 a.vue文件中获取:
export default{
    computed: {
       ...mapGetters({
            signingDataList: 'signingDataList'
       })
    }
    // 其它地方使用signingDataList这个值的时候直接this.signingDataList就可以了
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容