本人是php 后端的，想搭建一个好一点的系统后台，奈何技术有限，然后又去专研了一下vue，发现了一个比较好用的vue的后台系统模板,vue-element-admin,每个人有每个人的需求，我选择了基础的模板,vue-admin-template，由于这个模板是前端根据后端的角色显示的动态菜单，有点不太符合个人的意愿，我想通过获取接口的路由表生成对应的动态路由PS：想用好每一款的框架，都必须去了解
转载
2024-07-29 13:42:45
352阅读
SecurityConfig.javapackage com.x.springsecurityday01.config;
import com.x.springsecurityday01.dao.UserDao;
import com.x.springsecurityday01.handler.*;
import com.x.springsecurityday01.service.Securi
最近整理了一下关于vue后台管理项目动态路由权限管理及菜单的渲染：环境：vue3.0+element-plus+vue-router4.0思路：router/index.js文件：配置路由，路由分为两部分：公共路由+动态路由（注意：配置不存在路由跳转到默认页面的代码，需要写在动态路由里，否则会造成刷新页面，跳转到默认页面）router/permission.js文件全局导航守卫，设置路由拦截（在m
转载
2024-07-29 13:43:01
358阅读
router-link属性补充在前面的 <router-link> 中，我们只是使用了一个属性:to，用于指定跳转的路径<router-link> 还有一些其他属性：tag:<router-link to="/home" tag="button">首页</router-linktag可以指定 <router-link> 之后渲染成什么组件，比如
## 需求 一个错误提示框，后台需要有换行，默认没有换行，做一个支持换行的
原创
2023-06-25 10:34:39
211阅读
iview-admin2.5.0动态菜单说明本文大多内容摘抄自https://www.cnblogs.com/smilexumu/p/10521612.html此文章，但是这个文章有个小bug，第一次登录不显示菜单，不知道是不是作者写漏了还是其他问题。本文进行了bug修复，实际测试可以使用。只限2.5.0版本，其他版本没测试过。模拟菜单数据[{"path":'/multilevel',"name"
原创
2019-04-23 11:22:12
6897阅读
需求最近在项目中遇到权限控制的问题，由于自己接触前端也不久，对于路由这方面知识还有所欠缺，因此一直在网上找寻各种解决方案。最终还是看到花裤衩大佬的博客，终于对前端实现路由权限控制有了些许思路。 先说说我在项目中需要实现的效果： 由超级管理员在页面中进行选择，从而控制其他用户访问各页面的权限。系统再根据该用户所拥有的的权限来进行路由控制（对路由进行过滤）。基本思路1、创建vue实例的时将vue-ro
前面我们已经陆续介绍了 Vue.js 框架的常用基本语法，现在，我们可以结合这些语法实现一个小功能：展示一个 Web 框架列表，并支持新增框架。 在 vue_learning/basic 目录下新建一个 computed.html 保存本篇教程的代码，然后编写上述功能的实现代码如下：
<html lang="en"><head> <m
VUE开发常用知识
A: Vue (读音 /vjuː/，类似于 view)作者：尤雨溪(EvanYou) 中国人是一套用于构建用户界面的渐进式框架。学习使用之前须掌握 HTML、CSS 和 JavaScript 等知识。B: VUE优点：小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层， 采用自底向上增量开发
在项目中，我们时常会遇到动态的去绑定操作切换不同的CSS样式，结合自身项目中遇到的一些情况，也参考了一些文档，针对vue.js样式的动态绑定切换做出如下小结：动态切换的核心思想：利用vue指令v-bind来实现动态绑定，从而设置切换不同的样式～vue的最大特点是数据驱动，利用特殊的语法将DOM“绑定”到底层数据，DOM与数据保持同步，每当数据发生变化，DOM视图就会做出相应的更新和响应，正是基于这
前言：管理系统默认只存在登录页面这一个路由。import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/login',
name: 'Login',
component: () => import('@/views/Lo
转载
2024-03-30 17:14:37
834阅读
给大家推荐一个基于Vue2的右键弹出菜单插件，支持单一SPA页面以及可以在循环绑定中使用。 项目地址为：https://github.com/chIIC/vue-...demo1： 父组件绑定右键事件的效果： demo2：列表循环绑定，识别当前点击对象： 项目地址为：https://github.c
转载
2020-01-20 20:55:00
559阅读
2评论
在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件：<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。例如我们来展开说一说这个多标签界面：Pos
目录在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子：“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题，大部分人可能会通过修改类名的方式解决，可如果要修改的样式多，或者我
结构示意图├── index.html├── main.js├── router│ └── index.js # 路由配置文件├── components # 组件目录│ ├── App.vue # 根组件│ ├── Home.vue # 大的框架结构组件│ ├── TreeView.vue│ ├── TreeViewItem.v
原创
2021-12-22 10:24:35
1510阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
路由概念：维护页面访问路径和对应页面组件之间的关系 项目中安装路由：npm i vue-router -S一、路由基本使用流程导入路由模块注册插件定义路由规则数据创建路由对象导出路由对象vue实例文件中挂载在根组件中通过router-view添加路由占位符在根组件中通过router-link创建路由导航链接// 1-导入路由模块
import Vue from 'vue';
import Rout
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
