ELadmin使用vuex来存储用户信息以及自定义存储信息的时机

嗯，醴！

于 2021-09-05 20:46:18 发布

阅读量470

点赞数

CC 4.0 BY-SA版权

文章标签： ajax javascript vue vuex

本文链接：https://blog.youkuaiyun.com/EEstefan/article/details/120120440

本文介绍了如何在ELadmin项目中利用vuex来存储用户信息，特别是校区选择器的数据。通过在api的user.js文件中添加获取校区列表的方法，然后在获取用户信息后发送ajax请求获取校区数据，并在action中处理。接着提交mutations更新状态，并创建getters以便在组件中使用存储的校区信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

在最近的项目中，有需求要点击校区选择器框后动态显示现有校区选项（使用element-ui）

对于这个需求有两个解决的思路：

使用eladmin提供的“新增和编辑之前钩子”()

[CRUD.HOOK.beforeToCU](crud, form) {
   
   
   this.getTeacherAndCate()
}

async getTeacherAndCate() {
   
   
   await getTeacher()
     .then((res) => {
   
   
       this.teachOptions = res.data
       // this.$message.success('获取老师成功')
     })
     .