userSession: state => state.user.userSession和getters

介绍了一款名为520web的前端埋点工具,该工具能够大幅提高埋点效率,减少错误,适用于大规模项目。工具由作者自行开发,目前在公司内部得到广泛使用和好评,推荐给所有前端开发者。

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

userSession: state => {
  return state.user.userSession;
},

每个项目产品都会让你加埋点,你是愿意花几天一个个加,还是愿意几分钟一个小时加完去喝茶聊天?来试试这520web工具, 高效加埋点,目前我们公司100号前端都在用,因为很好用,所以很自然普及开来了,推荐给大家吧

http://www.520webtool.com/

自己开发所以免费,埋点越多越能节约时间,点两下埋点就加上了,还不会犯错,里面有使用视频,反正免费 😄

等价于

userSession: state => state.user.userSession,

 

const store = new Vuex.Store({
  modules: {

  },
  getters
})

getters.js

var getters = {}

等价于

const store = new Vuex.Store({

modules: { },

getters:{}

})

<template> <el-card style="max-width: 480px" class="center"> <el-form :model="form" label-width="auto"> <el-form-item label="账号"> <el-input v-model="form.employeeId" /> </el-form-item> <el-form-item label="密码"> <el-input v-model="form.password" type="password"/> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit" style="width: 100%;">登录</el-button> </el-form-item> </el-form> </el-card> </template> <script setup> import { ElMessage } from 'element-plus' import useUserStore from '@/store/modules/user'; import productApi from '@/api/products' const userStore = useUserStore(); const router = useRouter(); const form = reactive({ employeeId: '', password: '', role:'' }) // 添加一个函数用于调用后台接口 const loginWithBackend = async () => { debugger try { // 假设登录接口是 /login const response = await productApi.selectLogin(form); // 根据响应判断是否登录成功 if (response && response.status === 200 && response.data != "") { // 登录成功返回用户数据 return Promise.resolve(response.data); } else { // 登录失败返回错误信息 return Promise.reject(new Error(response.message || '登录失败')); } } catch (error) { // 网络错误或其他异常 return Promise.reject(new Error('网络错误,请稍后再试')); } } function onSubmit() { if (!form.employeeId || !form.password) { ElMessage.error('账号密码不能为空'); return; } // 显示加载状态 ElMessage.info('正在登录...'); // 调用后台接口进行登录验证 loginWithBackend(form.employeeId, form.password) .then(userData => { // 登录成功 ElMessage.success('登录成功'); // 存储用户信息到Vuex/Pinia userStore.login(userData); // 跳转到首页 router.push('home'); }) .catch(error => { // 登录失败,显示错误信息 ElMessage.error(error.message); }); } </script> <style scoped lang="scss"> .center { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> 我想把取来的role,让所有画面都能取到,他是权限
最新发布
07-23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值