若依平台自定义全局变量this.$store.state

背景

在初次使用若依框架时，我们可以通过使用this.$store.state.user.name来获取当前登陆用户的user_name字段信息（详见下表sys_user）。

但是框架自带的可获取变量是有限的，比如我们就没有办法获取到nick_name。因此，我们就需要自定义全局变量this.$store.state。

分析

全局变量的保存位置

全局变量文件保存在文件ruoyi-ui/src/store/index.js中，其中，modules中的变量是我们可以访问的全局变量

而modules中的变量其实就是一个个js文件，并且就保存在当前目录下的modules文件夹下

我们打开user.js文件，阅读代码后，如果需要添加一个nick_name的全局变量，我们只需要这么做。

如何实现

给state添加变量

添加mutations

添加commit语句

需要注意函数名要对应。

效果

至此，所有步骤完成，以后如果我们想要在前端直接获取当前登录用户的nick_name，只需这一条代码即可：

this.$store.state.user.nickname