- 博客(5)
- 收藏
- 关注
RSS订阅转载 vuex结合sessionStorage存储用户信息
1.安装vuex，分别创建如下：目的：降低代码的耦合度，便于维护2.在state中存放初始化数据，一个是当前用户，一个是判断当前用户是否已经登录，最后一个是保存用户登录后持有的token。3.在用户登录的时候，我们就需要将用户名和token存放入sessionStorge，再由sessionStorage传入vuex中。this.$axios.post('路径',{参数}).then((res)=>{if(res.datat.code === 200) {this.$messa
2021-10-08 00:56:38
1112
1
原创 权限管理
后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addRoutes 动态挂载路由。1.定义初始路由login2.用户进入登录页，输入用户名、密码、验证码，点击登录，发送登录请求，登录成功之后，将 token 保存在 sessionStorage，然后跳转到首页 /home ，进入路由拦截的逻辑。3.全局路由拦截，根据当前用户有没有 token 和 权限列表进行相应的判断和跳转，当没有 token 时跳...
2021-10-08 00:05:33
125
原创 vuex的相关了解（初学者）
1.vuex是什么？简而言之vuex就是一种状态管理模式。2.又为什么要使用这种管理呢？是为了集中管理所有组件的状态，保证状态可预测的发生变化。简单的数据不要用vuex，复杂的数据才用3.vue的工作流程：vue 组件 -> Dispatch 派发 -> action -> commit 提交 -> mutation -> change 修改 -> state -> render 渲染 -> vue组件4.使用...
2021-10-04 19:08:19
114
原创 Vue表格数据相关操作
1.批量删除 （1）给按钮绑定批量删除方法：<el-buttontype='danger'@click="dels">批量删除</el-button> （1）首先在el-table内添加一个属性方法：@selection-change="handleSelectionChange" （2）定义一个数组来接收选中的多项数据：multipleSelection:[] （3）在methods里边定义handl...
2021-09-29 13:23:04
776
原创 element-ui组件的运用（一个残缺的后台管理系统demo）
1.登录组件<template><divclass="login_container"><divclass="login_box"><!--头像区域--><divclass="avatar_box"><imgsrc="../assets/heima.png"alt="">...
2021-09-28 19:20:44
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人