1. 新建 component/commenAsideMenu.vue 把element中的侧边栏copy过来。 <template><el-menudefault-active="1-4-1"class="el-menu-vertical-demo"@open="handleOpen"@close="handleClose":collapse="isCollapse"><el-submenuindex="1"><templateslot="title">导航一</template><el-menu-item-group>分组一<e...
1.网站title及logo 找到src下settings.js 2.设置中文模式,如图打开注释 3.修改网络请求 3.1注释掉vue.config.js文件中的mock 3.2添加跨域代理设置 proxy: { '/api': { target: 'http://sss.com/api', changeOrigin: true, ws: true, pathRewrite: { '^/api': '' } } } 3.3 3.4 4.如果不想用Esli...
https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/essentials/router-and-nav.html 组件渲染的数据来源 这里先说明侧边栏组件获取的路由: 1 src\layout\components\Sidebar\index.vue 路由是通过这个permission_routers获取的 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22...
<el-dropdown-item>Github</el-dropdown-item> <el-dropdown-item>Docs</el-dropdown-item> <el-dropdown-item divided @click.native="logout"> Log Out </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> import { mapGetters } from 'vuex' import Breadcrumb from...
【Vue+element+admin】登陆页面篇(login.vue) 一、登陆页面位置src\views\login\index.vue 二、更换登陆背景图片 1、assets中放入图片 2、在css中加入背景图片 background-image: url("../../assets/login_1.jpg"); background-size:cover; 1. 2....
Request URL:http://localhost:5000/vue-element-admin/user/logout,根据其只要本地缓存中token被删除就会退出登录。所以就不用后台实现退出接口了 ① /src/api/user.js中删除 url: '/vue-element-admin/user/logout'这个代码块。 ② 原生退出请求接口修改,只要删除本地缓存token即可 ...
1.git clonehttps://github.com/PanJiaChen/vue-element-admin 2.cd vue-element-admin 3.npm install 4.npm run dev 项目精简 删除scr/views下的源码, 保留: 1.dashboard:首页 2.error-page:异常页面 3.login:登录 4.redirect:重定向 对src/router/index 进行相应修改 ...
基于vue-element-admin开发,需要控制切换导航菜单 最终效果 不改变导航栏与路由绑定的效果,自由切换侧边栏和顶部导航栏。 image.png 步骤 1.@/styles/sidebar.scss 修改.hideSidebar 的样式 .hideSidebar{.sidebar-container{width:0!important;//默认54px,收起时会展示图标,因此我们设为0}.main-container{margin-le...
最近开发的项目后台基于vue-element-admin开发,在逐步完善的过程中遇到了一些问题,特此总结,希望能对你有所帮助。 先上链接,真的很好用,安利一下,链接如下: A magical vue admin 基本上常用的不常用的功能都有,就不多说了,有兴趣链接直达,正式开始正文。 修改菜单图标为elementUI图标 官方的svg图标确实比较少,添...
github地址:https://github.com/PanJiaChen/vue-element-admin 官方文档:vue-element-admin 好了,下面我们开始。 1.首先我们从github下载源码。然后本地打包运行。 依赖安装:npm install --registry=https://registry.npmmirror.com 运行:npm run dev 可以看到浏览器自动打开了:http://localhost:9527/#/dashboard ...