原文:vue-element-admin学习笔记--权限加载及自定义布局(3)

接着之前的笔记,参考源码的布局,增加Sidebar的Logo组件及Navbar上折叠菜单的组件。 Sidebar上的Logo 先固定一个logo占位,默认为true.在src gt layouts gt Sidebar下新建Logo.vue。这里使用了VUE的内置组件 以及 。Logo.vue代码如下。主要思路就是传入collapse属性来加载样式及图片等。样式内容省略。 之后修改Sidebar的 ...

2020-03-23 22:00 0 1051 推荐指数:

查看详情

vue-element-admin学习笔记--权限加载自定义布局(1)

SideBar加载其实就是根据传入的路由表进行判断,源码中组件多了点,笔记放到后续单独整理 权限加载自定义布局 加载过程 页面加载过程考虑涉及了页面的加载、菜单加载、用户权限问题,所以先考虑问题如下: 用户登陆成功后,通过NProgess拦截获取用户token,判断是否有token ...

Wed Mar 11 23:17:00 CST 2020 0 2496
vue-element-admin学习笔记--权限加载自定义布局(7)

今天把TagsView部分代码看了一遍,动手搞了下,遇到的问题不多。主要是挺多前端的API不熟悉。 TagsView 没有使用Tag 标签,运用keep-alive和router-view的结合。根据vue-element-admin文档中介绍tags-view 维护了两个 ...

Thu Apr 02 23:56:00 CST 2020 0 999
vue-element-admin学习笔记--自定义svg-icon组件

项目中有用到vue-element-admin,学习方法仍然是造轮子,慢但是能够理解每个细节。记录下遇到的问题和想记录的过程。 安装svg-sprite-loader yarn add svg-sprite-loader 配置svg-icon的全局组件。在components> ...

Wed Mar 04 00:18:00 CST 2020 0 2435
vue-element-admin 学习笔记

20190929 vue相关 vue-ref ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。 html5-autocomplete autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许 ...

Sun Sep 29 19:46:00 CST 2019 0 331
Vue 新手学习笔记vue-element-admin 之登陆及目录权限控制

登陆万事开头难,做什么事都要有个起点,后面才能更好的进行下去,因此我选择的起点就是最为直观的登陆页面 /login/index.vue /src/views/login/index去除那些无关的东西,比如什么 rules 校验啊,默认的账号密码之类的东西,直接看核心登陆方法 ...

Sat Jun 29 19:27:00 CST 2019 0 4870
Vue学习笔记-vue-element-admin 前端学习

一 使用环境     开发系统: windows   后端IDE: PyCharm    前端IDE: VSCode    数据库: msyql,navicat   编程语言: pytho ...

Tue Oct 06 04:46:00 CST 2020 0 2115
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM