概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现，并完成资源的分发 后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由 2).前端路由是依靠hash值(锚链接)的变化进行实现
转载
2024-03-24 14:43:07
113阅读
简单封装自己的axios首先先创建自己的index.js文件然后下载包npm install --save axios （axios包）npm install --save qs (进行序列化post请求的)1.进行环境切换配置，切换生产或者说是测试的环境先在根目录创建.env.production和.env.development文件
我的判断方式是判断各自文件里面的NODE_ENV等于什么而
任务二 Vue-cli&ElementUI1.Vue-cli1.1 什么是Vue-cliVue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能,通过简单的命令就可以完成 "零配置"的项目环境搭建1.2 安装Vue-cli步骤在安装vue-cli前，要确认自己的电
转载
2024-10-17 11:30:40
110阅读
缩放浏览器，表格+分页依旧正常展示，如下图所示：图片中涉及到 左侧的dg-table（封装过的el-table）、右侧的el-table 两种类型的样式设置由于本篇是使用了position定位来处理的，所以先要了解：Element UI 弹窗（Dialog）改成自适应高度，仅body内容部分滚动 简单的定位实现过程给想要自适应高度的div设置position:absolute;top:0;left
转载
2024-04-19 22:11:07
356阅读
1.1.ie拖动有问题import Vue from 'vue';
/*
* 使用方法
* 将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
* 给dialog设置 :close-on-click-modal="false" , 禁止点击
转载
2024-05-04 15:16:51
215阅读
折腾了两天终于完成了基于security的认证，开始完成功能部分添加自己的定制路由：路由信息都存在这个位置： 分别对应着： 路径， 组件， 转发地址， 子属性：{地址，跳转页面路径，表现{标题，图标}} 在这里直接添加就可以了；异步路由： 属性内容如上，不同的是，只有用户具有【roles】内的角色时才会显示这个路由，【admin角色显示所有，不受权限控制】； 这里的校验直接按照role给了，不同于
转载
2024-05-14 22:50:44
160阅读
Vue中路由详解什么是路由？基本使用几个注意点多级路由（嵌套路由）路由的query参数命名路由路由的params参数跳转+传参 总结路由的props的配置路由懒加载```<router-link>```的replace属性编程式路由导航`$router`和`$route`的区别**1、route对象****2、router对象**缓存路由组件两个新的生命周期钩子路由守卫路由器的三种种
转载
2024-10-31 06:53:24
53阅读
Vue路由实现、路由导航、路由模式
1.$router和$route区别 router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象，和router-link跳转一样,this.$router.push会往history栈中添加一个新的记录。 route相当于当前正在跳转的路由对象,可
文章目录六、 路由6-16-1-16-1-26-1-3 基本使用：6-1-4 几个注意点6-1-5 多级路由6-1-5-16-1-5-2 query参数6-1-5-3 命名路由6-1-5-4 路由的params参数6-1-5-5 路由的props配置6-1-5-6 .```<router-link>```的replace属性6-1-5-7 编程式路由导航6-1-5-8 缓存路由组件6
转载
2024-08-30 12:47:29
73阅读
1，安装element : vue add element2，安装路由 ： vue add router3，创建路由的过程 ： (1) 新建 vue页面 main.vue , （2
原创
2022-04-19 16:27:06
432阅读
在某些情况，需要添加的路由不确定，需要从后端获取数据，并且后端更新相关的路由时，页面也能够立即渲染出来，这时候就需要使用动态路由。 例如商城后台项目，菜单中的很多路由都是不确定的，即使你写了10个路由，但是后端那边新增了10个路由，那么这时候设置动态添加路由后，就可以自动在第一时间创建出所有的路由，而不需要你手动的写了。1、设置默认路由以及动态路由 ① 这里需要注意动态路由和默认路由都需要加上na
转载
2024-03-26 12:27:13
104阅读
本项目采用的模板为vue-element-admin i18n分支在网上看了很多教程，发现都写的很复杂(本人比较菜) , 用尽千辛万苦终于实现了这个功能首先修改src/store/modules目录下的permission.js文件为了区分，下面先附上原文件代码import { asyncRoutes, constantRoutes } from '@/router'
/**
* Use me
转载
2024-06-19 10:55:56
187阅读
在项目中出现的情况是路由变化后，url变化了，但是页面没有刷新，手动刷新一下才出现应有的画面。情况一：在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。注意： 1.this.$router.go
zongran老师讲的CSS实现商城菜单,课程中还有js特效与代码优化建议看看老师的写的源代码导航分类样式门户网站如新浪等: 导航在上方平铺展示商城网站如天猫·京东:导航在页面一侧以一级菜单+悬浮窗的形式展示商城导航制作(CSS)代码是京东商城一级菜单的为例,CSS共有三部分本别是一级菜单制作,鼠标浮动以及悬浮层制作。一些想法都以注释的形式在每行的代码上方。最终效果图一级菜单制作
.topmenu
能够构建出色的单页应用程序(SPA)是 Vue.js 最具有吸引力的功能之一。SPA 非常好，因为它们不需要在每次更改路由时都去加载页面。这就意味着一旦加载了全部内容，就可以真正快速地对视图进行切换，并提供出色的用户体验。如果你想要基于 Vue 去构建 SPA，则需要 Vue 路由。在本教程中，我将介绍设置 Vue Router 的基础知识，并研究一些更高级的技术，例如：动态路由匹配导航挂钩(Na
转载
2024-08-06 09:25:18
127阅读
首先说下遇到的问题1.进入嵌套路由，当前父导航无法高亮显示2.页面刷新后导航重置问题3.在嵌套路由刷新页面也会导致导航重置问题接下来是解决方案：elementUI 里面有个属性 default-active(当前激活菜单的
原创
2022-03-04 13:51:44
161阅读
首先说下遇到的问题1.进入嵌套路由，当前父导航无法高亮显示2.页面刷新后导航重置问题3.在嵌套路由刷新页面也会导致导航重置问题接下来是解决方案：elementUI 里面有个属性 default-active(当前激活菜单的 index)<el-menu :default-active="activeIndex" @select="handleSelect" rou...
原创
2021-09-09 14:19:18
214阅读
首先说下遇到的问题 1.进入嵌套路由，当前父导航无法高亮显示 2.页面刷新后导航重置问题 3.在嵌套路由刷新页面也会导致导航重置问题 接下来是解决方案： elementUI 里面有个属性 default active(当前激活菜单的 index) 这样就OK了 END 觉得有帮助的小伙伴点个赞支持下
原创
2021-10-22 15:06:00
546阅读
一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后，打开命令行（win+r 输入cmd）输入node -v 查看node的版本号，若显示如图则安装成功。安装完node.js也就有了npm管理器，它是集成在node中的，输入 npm -v 命令，显示npm的版本信息
转载
2024-02-26 11:03:29
149阅读
<el-menu :default-active="$route.path" unique-opened router :collapse="isCollapse" :collapse-transition="false" > <el-submenu :index="item.root_id + ' ...
转载
2021-08-19 21:46:00
1115阅读
2评论
