当前位置： 首页 > news >正文

vue通用后台管理系统

news 2025/6/22 5:22:34
用到的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.lryc.cn/news/3931.html

相关文章：

  • IDEA设置只格式化本次迭代变更的代码
  • 算法训练——剑指offer(Hash集合问题)
  • Element UI框架学习篇(七)
  • 【项目实战】32G的电脑启动IDEA一个后端服务要2min！谁忍的了？
  • 2022年山东省中职组“网络安全”赛项比赛任务书正式赛题
  • RibbitMQ 入门到应用 ( 二 ) 安装
  • 提取DataFrame中每一行的DataFrame.itertuples()方法
  • 基于卷积神经网络的立体视频编码质量增强方法_余伟杰
  • 【2023unity游戏制作-mango的冒险】-3.基础动作和动画API实现
  • 跨域的几种解决方案？
  • 2022年山东省职业院校技能大赛网络搭建与应用赛项正式赛题
  • 【JUC并发编程】ArrayBlockingQueue和LinkedBlockingQueue源码2分钟看完
  • GitHub个人资料自述与管理主题设置
  • Express篇-连接mysql
  • win10 安装rabbitMQ详细步骤
  • 【成为架构师课程系列】一线架构师:6个经典困惑及其解法
  • 光耦合器的定义与概述
  • 谷粒商城--品牌管理详情
  • stack、queue和priority_queue
  • 面试题(二十二)消息队列与搜索引擎
  • Spring Security in Action 第三章 SpringSecurity管理用户
  • Java面试——maven篇
  • 基于微信小程序的游戏账号交易小程序
  • Matlab绘制隐函数总结-二维和三维
  • 如何直观地理解傅立叶变换？频域和时域的理解
  • STC15读取内部ID示例程序
  • Xml格式化与高亮显示
  • 【GlobalMapper精品教程】045：空间分析工具(2)——相交
  • 4年外包终上岸，我只能说这类公司能不去就不去..
  • sklearn降维算法1 - 降维思想与PCA实现