vue通用后台管理系统

news2024/9/26 5:23:50
用到的js库

在这里插入图片描述

遇到的问题
  1. vuex和 localStorage区别
    • vuex在内存中,localStorage存在本地
    • localStorage只能存储字符串类型数据,存储对象需要JSON.stringify() 和 parse()…读取内存比读取硬盘速度要快
    • 刷新页面vuex数据丢失,localStorage不会
    • vuex数据是响应式的,,而本地存储的数据不是响应式的,,假如,ab两个组件都在用本地存储,a组件改变了本地存储数据,虽然a改变的数据会同步到本地存储中,但是由于数据不是响应式的,所以b页面的数据不会改变

引用:
https://blog.csdn.net/ssqwdddw/article/details/106999247
https://www.jianshu.com/p/66cdd66a6784

  1. 动态导入组件
    在这里插入图片描述

  2. 动态菜单问题
    根据不同用户获取不同的菜单,,登录的时候 将菜单放在vuex中,,动态渲染router,,通过router.addRoute()添加路由,,v-for渲染列表,因为vuex是内存存储,,刷新之后,菜单会消失,,,,就需要将存在vuex中的menu,,也放在本地存储中或者Cookie中,,(感觉不用vuex也可以)

  3. 改变路由,怎么让elementui 中el-menu菜单高亮
    默认是点击哪个,哪个会亮,,当不使用点击,,而使用别的方式改变路由,,el-menu不会自己变亮,设置一个默认激活
    在这里插入图片描述
    默认激活的名字和 菜单的 index属性对应,,和当前路由的名字对应:
    在这里插入图片描述

在这里插入图片描述

  1. 设置 el-form 为内联表单在这里插入图片描述

  2. 组件导入需要声明
    在这里插入图片描述

  3. 通过el-table当前操作行 传递过来的数据,需要进行深拷贝,,不然修改之后是否确认修改,还是取消都会影响原来的数据
    在这里插入图片描述

  4. 清空表单
    在这里插入图片描述

  5. less中相对父盒子高度计算
    在这里插入图片描述

  6. 导航守卫使用
    在这里插入图片描述

  7. 动态加载的router刷新页面后消失
    每次刷新都会重新加载Vue实例?????在create中重新加载路由
    在这里插入图片描述

router.push() 不会刷新页面,,如果只是简单的切换用户,,不刷新的话,下一个用户会使用上一个用户遗留下来的router,,

  1. mock正则表达式使用
    在这里插入图片描述

  2. axios的get传参,看文档
    在这里插入图片描述

  3. 分页组件修改当前页触发
    在这里插入图片描述

  4. el-date-picker 输入日期的时候格式化
    在这里插入图片描述

  5. less的 & :用法:&符号有2中用法,其一:父选择符;其二:且的意思
    在这里插入图片描述

  6. findIndex() 找索引位置

在这里插入图片描述
17. vuex中 mapState ,,mapMutation 的使用
在这里插入图片描述
在这里插入图片描述

  1. Mock的使用
    在这里插入图片描述

  2. axios使用:
    在这里插入图片描述

在这里插入图片描述

  1. 查找包管理
    在这里插入图片描述

  2. vue-router使用:
    在这里插入图片描述

  3. 关闭eslint校验
    在这里插入图片描述

  4. 查找cdn的网站: cdnjs.com
    在这里插入图片描述

  5. 设置npm镜像
    在这里插入图片描述

在这里插入图片描述

引用:https://blog.csdn.net/karshey/article/details/127867638

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/340134.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

图的基本介绍和表示方式

图的基本介绍 为什么要有图这个基本数据结构? 我们还学习过线性表(数组、队列、链表和栈)和树,但是我们可以发现,线性表局限于一个直接前驱(就是只能有唯一一个前面的结点)和一个直接后继的(…

Python+dilb 简单实现人脸检测(附代码)

如果dilb和face_recognition第三方包安装失败,请移步到Python 解决dilb和face_recognition第三方包安装失败_水w的博客-CSDN博客 目录 一、环境配置 二、前期知识 1 读取图片 2 灰度转换 解决报错cv2.error: OpenCV(4.7.0) D:\a\opencv-python\opencv-python\o…

【前端vue2面试题】2023前端最新版vue模块,高频17问(上)

🥳博 主:初映CY的前说(前端领域) 🌞个人信条:想要变成得到,中间还有做到! 🤘本文核心:博主收集的关于vue2面试题(上) 目录 vue2面试题 1、$route 和 $router的区别 2、一个…

【Spark分布式内存计算框架——Spark Core】9. Spark 内核调度(上)

第八章 Spark 内核调度 Spark的核心是根据RDD来实现的,Spark Scheduler则为Spark核心实现的重要一环,其作用就是任务调度。Spark的任务调度就是如何组织任务去处理RDD中每个分区的数据,根据RDD的依赖关系构建DAG,基于DAG划分Stag…

PVE虚拟机篇-PVE虚拟机安装

安装包下载 前往Proxmox Virtual Environment下载ISO镜像文件,可以直接选择最新版本。 但是如果没有海外线路一般下载十分缓慢,甚至下不动,所以可以去中科大镜像源:中科大Proxmox Virtual Environment 制作U盘启动盘 可以使用…

SpringMVC:拦截器(12)

拦截器1. 拦截器概念2. 拦截器入门案例2.1 环境准备2.2 拦截器开发步骤1: 创建拦截器类步骤2: 配置拦截器类步骤3: SpringMVC添加SpringMvcSupport包扫描和interceptor包扫描步骤4: 简化SpringMvcSupport的编写5 测试3. 拦截器参数解析(了解)3.1 前置处理…

字节一面:在浏览器地址栏输入一个 URL 后回车,背后发生了什么?

近段时间,有小伙伴面试字节,说遇到一个面试题: 在浏览器地址栏输入一个 URL 后回车,背后发生了什么? 这里尼恩给大家做一下系统化、体系化的梳理,使得大家可以充分展示一下大家雄厚的 “技术肌肉”&#xf…

c# 自定义隐式转换与运算符重载

用户定义的显式和隐式转换运算符 参考代码 用户定义的显式和隐式转换运算符 - 提供对不同类型的转换 | Microsoft Learn 代码例程 using System;public readonly struct Digit {private readonly byte digit;public Digit(byte digit){if (digit > 9){throw new Argumen…

电子科技大学操作系统期末复习笔记(一):操作系统概述

目录 前言 操作系统概述 操作系统的目标与功能 操作系统的定义 目标 功能 操作系统的历史 单用户系统 简单批处理系统 多道批处理系统 分时系统 个人电脑 → 分布式系统 → 互联网时代 → 移动计算时代 → ...... 实时系统 操作系统的基本特征 并发 共享 虚拟…

第一章 PDF语法

第一章 PDF语法PDF ObjectsNull ObjectsBoolean ObjectsNumeric ObjectsName ObjectsString ObjectsArray ObjectsDictionary ObjectsName treesNumber treesStream ObjectsDirect versus Indirect ObjectsFile StructureWhite-SpaceThe Four Sections of a PDFHeaderTrailerBo…

Sa-Token实现分布式登录鉴权(Redis集成 前后端分离)

文章目录1. Sa-Token 介绍2. 登录认证2.1 登录与注销2.2 会话查询2.3 Token 查询3. 权限认证3.1 获取当前账号权限码集合3.2 权限校验3.3 角色校验4. 前后台分离(无Cookie模式)5. Sa-Token 集成 Redis6. SpringBoot 集成 Sa-Token6.1 创建项目6.2 添加依…

Python 高级编程之网络编程 Socket(六)

文章目录一、概述二、Python socket 模块1)Socket 类型1、创建 TCP Socket2、创建 UDP Socket2)Socket 函数1、服务端socket函数2、客户端socket函数3、公共socket函数三、单工,半双工以及全双工通信方式的区别四、单工,半双工以及…

MWORKS--MoHub介绍

MWORKS--MoHub介绍1 介绍1.1 简介1.2 功能特征2 快速上手2.1 进入工作台2.2 新建仓库并进入建模空间2.3 建模进入建模工作空间加载模型库新建模型2.4 仿真2.5 后处理曲线、动画2.6 查看模型信息3 使用手册参考1 介绍 1.1 简介 MWORKS.MoHub 支持工业知识、经验、数据的模型化…

电子技术——BJT差分输入对

电子技术——BJT差分输入对 本节我们来讨论BJT差分输入对。 共模输入 下图是BJT差分输入对的基本原理图: 首先我们考虑两端输入共模信号 VCMV_{CM}VCM​ : 此时 vB1vB2VCMv_{B1} v_{B2} V_{CM}vB1​vB2​VCM​ 因为电路的对称结构,所以 i…

LeetCode 热题 C++ 114. 二叉树展开为链表

给你二叉树的根结点 root ,请你将它展开为一个单链表: 展开后的单链表应该同样使用 TreeNode ,其中 right 子指针指向链表中下一个结点,而左子指针始终为 null 。展开后的单链表应该与二叉树 先序遍历 顺序相同。 示例 1&#xf…

详细解读503服务不可用的错误以及如何解决503服务不可用

文章目录1. 问题引言2. 什么是503服务不可用错误3 尝试解决问题3.1 重新加载页面3.2 检查该站点是否为其他人关闭3.3 重新启动设备3.3 联系网站4. 其他解决问的方法1. 问题引言 你以前遇到过错误503吗? 例如,您可能会收到消息,如503服务不可…

ccc-Logistic Regression-李宏毅(5)

文章目录Step 1: Function SetStep 2: Goodness of a FunctionStep 3: Find the best functionWhy not Logistic Regression Square ErrorDiscriminative v.s. GenerativeMulti-class Classification(3 Class)Limitation of Logistic RegressionCascading logistic regression…

sklearn降维算法1 - 降维思想与PCA实现

目录1、概述1.1 维度概念2、PCA与SVD2.1 降维实现2.2 重要参数n_components2.2.1 案例:高维数据的可视化2.2.2 最大似然估计自选超参数2.2.3 按信息量占比选超参数1、概述 1.1 维度概念 shape返回的结果,几维几个方括号嵌套 特征矩阵特指二维的 一般来…

pwn手记录题2

fastbin_reverse_into_tcache(2.34) 本题所使用的libc版本为2.34;(最新版 libc2.34版本已经没有了所谓的hook函数,甚至exit_hook(实际为某个函数指针)也已经不能够使用;能够利用的手法已经很少了; 高版本glibc堆的几…

进程间通信(上)

进程间通信(上)背景进程间通信目的进程间通信发展进程间通信分类管道什么是管道匿名管道实例代码简单的匿名管道实现一个父进程控制单个子进程完成指定任务父进程控制一批子进程完成任务(进程池)用fork来共享管道站在文件描述符角…