接着之前的笔记,参考源码的布局,增加Sidebar的Logo组件及Navbar上折叠菜单的组件。 Sidebar上的Logo 先固定一个logo占位,默认为true.在src>layouts>Sidebar下新建Logo.vue。这里使用了VUE的内置组件 ...
项目中有用到vue element admin,学习方法仍然是造轮子,慢但是能够理解每个细节。记录下遇到的问题和想记录的过程。 安装svg sprite loader yarn add svg sprite loader 配置svg icon的全局组件。在components gt SvgIcon下新建index.vue 在src目录下新建icons目录,在icons目录下新建index.js及i ...
2020-03-03 16:18 0 2435 推荐指数:
接着之前的笔记,参考源码的布局,增加Sidebar的Logo组件及Navbar上折叠菜单的组件。 Sidebar上的Logo 先固定一个logo占位,默认为true.在src>layouts>Sidebar下新建Logo.vue。这里使用了VUE的内置组件 ...
SideBar加载其实就是根据传入的路由表进行判断,源码中组件多了点,笔记放到后续单独整理 权限加载及自定义布局 加载过程 页面加载过程考虑涉及了页面的加载、菜单加载、用户权限问题,所以先考虑问题如下: 用户登陆成功后,通过NProgess拦截获取用户token,判断是否有token ...
今天把TagsView部分代码看了一遍,动手搞了下,遇到的问题不多。主要是挺多前端的API不熟悉。 TagsView 没有使用Tag 标签,运用keep-alive和router-view的结合。根据vue-element-admin文档中介绍tags-view 维护了两个 ...
参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 参考上面的文章 以上代码是svg的原生用法(正确性未验证) 1. src ...
20190929 vue相关 vue-ref ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。 html5-autocomplete autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许 ...
https://www.iconfont.cn/下载的svg图标放到vue-element-admin的 src/icon/svg 下 修改svg 就可以 ...
vue中使用svg图片有很多便捷方式,在这里记录一下模仿参考的过程,仅做一标记,方便后续回来查找 附上参考地址:https://juejin.im/post/59bb864b5188257e7a427c09 1.使用vue-cli3.0脚手架运行搭建一个项目,地址 截图 ...
1.使用vue-cli3.0脚手架运行搭建一个项目,我的项目目录如下: 2.在components文件下新建SvgIcon组件 文件中的代码如下: 3.将所需svg文件放置icons的svg文件夹下: icons文件下的index.js文件中的代码 ...