【vue】全局变量(需查后台)

本文介绍了一个在Vue.js应用中设置全局变量的案例。通过在`store.js`中挂载到`state`上,将后台查询得到的大队、分场值保存为全局变量,以便在所有页面中共享。在`master.vue`组件中,调用API获取数据并在`created`钩子中提交到`store`,确保应用启动时完成初始化。
摘要由CSDN通过智能技术生成

问题描述

大队、分场的值存在sql表里,需后台查询得出,需要在系统中作为全局变量保存通用

解决方案

在store.js中挂载到state上,以供所有页面使用

master.vue

methods: {
    async getDicValue () { // 分场-生产区-大队
      let dic = await this.$api.home.getFQList()
      this.$store.commit('setDic', dic)
    }
},
created () {
   this.getDicValue()
}

store.js

    setDic (state, _dic) { // 字典值
      console.log('_dic', _dic)
      state.dic = _dic
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值