权限管理登录

最新推荐文章于 2024-04-29 14:26:12 发布

DD小兄弟

最新推荐文章于 2024-04-29 14:26:12 发布

阅读量323

点赞数

分类专栏：登录文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_64757356/article/details/127339914

版权

这篇博客详细介绍了使用Vue.js进行权限管理登录的实现过程，包括mock模拟数据、创建接口、双向绑定、登录按钮点击事件的添加以及登录功能的定义。在mockData下创建了permission.js用于模拟数据，接口在api.js中定义，并通过mock.js拦截。同时，利用v-model实现了账号和密码的双向绑定，最后为登录按钮绑定了点击事件以完成登录逻辑。

摘要由CSDN通过智能技术生成

1、mock模拟数据

api>mockData下新建permission.js

import Mock from 'mockjs'
export default {
  getMenu: config => {
    const { username, password } = JSON.parse(config.body)
    // 先判断用户是否存在
    // 判断账号和密码是否对应
    if (username === 'admin' && password === 'admin') {
      return {
        code: 200,
        data: {
          menu: [
            {
              path: '/home',
              name: 'home',
              label: '首页',
              icon: 's-home',
              url: 'home/index'
            },
            {
              path: '/mall',
              name: 'mall',
              label: '商品管理',
              icon: 'video-play',
              url: 'mall/index'
            },
            {

最低0.47元/天解锁文章