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

最新推荐文章于 2023-05-03 21:46:02 发布

原创

最新推荐文章于 2023-05-03 21:46:02 发布 · 488 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #vue #vuex

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

前言

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

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

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

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

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