最近完成了我的后台管理系统权限功能的实现，同时觉得后台系统所有的菜单都左置，会限制菜单的扩展，因此我改进了三级菜单的显示。效果演示地址github地址权限功能的实现权限路由思路： 根据用户登录的roles信息与路由中配置的roles信息进行比较过滤，生成可以访问的路由表，并通过router.addRoutes(store.getters.addRouters)动态添加可访问权限路由表，从而实现左侧
从上一篇博客中，我们知道了template编译的整体逻辑和template编译后用在了哪里。本文着重讲下HTML的解析过程。parse 方法所有解析的起点就在 parse 方法中，parse方法最终将返回为一个 AST 语法树元素。// src/core/compiler/parser/index.js
export function parse (
template: string,
o
在做vue开发的时候，会经常遇到下面的报错，那么这样的提示是如何实现的呢？ 为什么有这样的报错？是因为在模版(template)或者render函数中使用了没有声明过的属性或者方法。那么vue又是如何发现用户使用了未定义的属性呢？首先这段报错是出现在render期间，也就是触发update生成vnode期间，在源码中我们可以看到这样一段代码:try {
vnode = render.
转载
2024-10-13 15:14:40
54阅读
Vue动态路由, 动态左侧菜单, 文中含C#后台获取代码业务需求初顾茅庐(router/index.js配置)登堂入室(/router/_import*配置)拨开云雾(/permission.js配置)游刃有余(C#后台获取路由)最终效果(图)总结 业务需求不知道各位的需求是什么样的, 因为我本人项目用的是Vue + element ui开发的后台管理系统, 因业务需要, 需要将前端配置的菜单改为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的课表</title&g
在中后台管理系统中，我们知道可以有多种用户实体。以学生管理系统为例，老师和教务主任就是两个拥有不同职责的实体对象。当不同权限的用户登录管理系统时，他们所需要的功能也就不同。比如老师管理学生信息，而教务主任不仅可以管理学生，也可以处理一些老师的信息。由于职责不同，（通常来说在左侧）的用户功能菜单也就不一样。需求：不同的用户在登录后可以看到不同的菜单。一、通过路由守卫附加请求在实现功能需求前首先需要明
转载
2024-10-01 09:40:28
457阅读
使用vue-element-admin框架从后端动态获取菜单功能的实现 时间：2021-04-29|栏目：JavaScript|点击：607 次 2、详解 整体思路为：登陆 > 成功后根据用户信息获取菜单 > 根据菜单生成路由信息2.1、新增asyncRoutes路由 在vue-router路径src\router\index.js中新增asyncRoutes数组，用来存放后端获取的菜
转载
2024-05-06 10:24:29
708阅读
Vue路由实现、路由导航、路由模式
1.$router和$route区别 router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象，和router-link跳转一样,this.$router.push会往history栈中添加一个新的记录。 route相当于当前正在跳转的路由对象,可
前言：vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；使用插槽是在存在父子关系的组件中使用，我们可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息，下边简单说下vue这三种插槽如何使用。 准备工作： 很简单，就创建父组件testSlot.vue，子组件children.vue，并在
本文主要介绍：1、什么是服务端渲染、与客户端渲染的区别是什么？ 2、为什么需要服务端渲染，服务端渲染的利弊 3、服务端渲染的原理及技术实现一、客户端渲染（CSR）VS服务端渲染(SSR)CSR是Client Side Render简称；页面上的内容是我们加载的js文件渲染出来的，js文件运行在浏览器上面，服务端只返回一个html模板。SSR是Server Side Render简称；页面上的内容是
Vue中使用 Aplayer 和 Metingjs 添加音乐插件1、Aplayer和Metingjs 的文档2、使用方式3、完整API4、总结5、最后的话 1、Aplayer和Metingjs 的文档 Aplayer官网文档Metingjs官网文档2、使用方式在 public 目录下的 index.html 中引入核心依赖<link rel="stylesheet" href="http:
前言在采用Element-plus UI做界面开发时，遇到一个通用的问题，那就是对话框的写法。最基本的例子，主界面是一个Grid, 涉及增删改查，新增一个对象时，要弹出对话框输入一些内容，那我们一般要在Grid所在的主界面vue中定义该对话框，如下所示：<template>
<el-button text @click="dialogVisible = true"
&
一 在vue3项目里 如何使用element-plus组件库 1 下载element-plus插件npm i element-plus 2 main.tsimport { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router/index'
转载
2024-07-09 10:58:01
137阅读
前言最近刚刚结束项目，感觉收益颇多，因此记录一下，希望可以帮助到大家（我踩过的坑，大家就踩着我过去就行）背景本人java后端开发，公司临时需求需要弄一套权限管理系统，后端肯定没有问题，前端根据之前我使用的HTML,CSS感觉特别的繁琐和丑陋（主要本人不是专业前端），因此通过浏览相关资料，发现了vue+element+Admin(完美的后台前端解决方案)，它基于vue+elementui 实现，详细
转载
2024-04-16 11:13:16
155阅读
下载element-admin框架点击该地址：https://github.com/PanJiaChen/vue-element-admin用git clone https://github.com/PanJiaChen/vue-element-admin或者直接下载压缩包都可以 2.安装依赖打开项目根目录，在根目录
转载
2024-03-04 15:16:17
2287阅读
有一个vue的右键菜单的需求，先上网查了一下是否有插件，比如下面这个1分钟Vue实现右键菜单https://www.jb51.net/article/226761.htm一顿操作之后，页面白屏，控制台报错，后来分析，大概应该是不适用vue3？ vue-contextmenu关于这个插件在网上找了很多用法，都以失败告终。还是自己动手造轮胎吧，正好也没做过这种东西。先上效果图：（仿windo
转载
2024-06-23 15:54:16
3335阅读
初始化项目脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。如果不是最新的脚手架，就需要重新安装一下了：npm install -g @vue/cli
# OR
yarn global add @vue/cli创建项目：vue create vue3-ts-template
// 选择Manually select
VUE&Element今日目标：能够使用VUE中常用指令和插值表达式能够使用VUE生命周期函数 mounted能够进行简单的 Element 页面修改能够完成查询所有功能能够完成添加功能1，VUE1.1 概述接下来我们学习一款前端的框架，就是 VUE。Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。我们之前也学习过后端的框架 Mybatis ，Mybatis
动态组件有的时候，我们需要在多个不同的组件之间进行切换。虽然我们可以通过 v-if 来处理，但是会比较麻烦，vue 提供了一个更方便的方式来处理这种情况一、component组件component 是 vue 内置的一个组件，它提供一个 is 属性用来动态渲染不同的组件1.1 v-if或v-show实现选项卡切换使用v-if频繁切换会频繁创建和销毁组件，消耗内存；且不会记住组件里的一些已
转载
2024-09-12 13:59:03
473阅读
vue搭建后台管理界面模版（PC端）完整代码下载地址：vue-elementUI后台管理系统技术栈vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont项目预览说明本项目主要用于熟悉如何用 vue2 架构一个后端管理平台项目为了方便后期修改使用，模拟数据在页面中，具体修改看下面【强调】如果对您有帮助
转载
2024-10-08 09:08:02
43阅读
