main.js中Vue.prototype用于全局页面的变量

5 篇文章 0 订阅
本文介绍在uni-app项目中,如何在main.js通过Vue.prototype挂载全局变量,例如store,使得在各个页面能直接访问到store中的数据,如signingDataList。
摘要由CSDN通过智能技术生成

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就可以了
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值