E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VueRouter
2021-05-12
页面不报错,但一直空白,其实错误很简单,把exportdefaultnewRouter中改为
VueRouter
就可以。路由器名字没对应上,无法将组件渲染上去。自己太粗心,但更多也是学的很盲目。
weixin_44337103
·
2023-10-28 10:09
笔记
在使用Vue开发中,遇到 vue-router报错Uncaught (in promise)
解决办法,在路由的js文件中添加如下代码即可importVuefrom'vue'importVueRouterfrom'vue-router'constoriginalPush=
VueRouter
.protot
小小程序猿(升级中)
·
2023-10-28 10:34
vue.js
javascript
前端
vue路由篇
文章目录路由的理解介绍后端路由后端路由概念Node.js中的路由前端路由前端路由概念单页SPA什么时候使用前端路由前端路由有什么优点和缺点前端路由实现原理hash模式hash路由的实现HTML5History模式
VueRouter
萧寂173
·
2023-10-28 02:13
vue
vue.js
前端
javascript
搭建Vue版Ant Design Pro后台管理系统
AntDesignPro后台管理系统此文章通过基于Vue实现的AntDesignPro脚手架快速构建一个后台管理系统的前端相关文档链接1、【AntDesignProofVue官方文档】2、【Vue官方文档】3、【
VueRouter
dyj095
·
2023-10-28 02:33
前端
Java
vue.js
javascript
前端
Vue入门介绍
Vue还提供了用于构建复杂应用的官方库(也是作者头疼的问题),如
VueRouter
、Vuex等。MVVM设计模式MVVM是Model-View-ViewModel的缩写
Joy T
·
2023-10-28 00:08
Vue
1024程序员节
vue.js
前端
前端框架
element-ui 左侧导航栏组件
element-ui左侧导航栏的布局实现,效果如下图涉及的组件:App.
vuerouter
.jslayout.vue:nav.vue(左侧导航区域,内含循环小组件asideBarItem.vue)、AppMain.vue
浪里小韭菜
·
2023-10-27 18:56
ui
vue.js
前端
javascript
ecmascript
Vue3+Vite+Ts 项目实战 02 配置
VueRouter
、Pinia 配置和简单介绍、配置 SCSS
配置VueRouterVite创建的项目没有集成
VueRouter
,需要手动安装集成。Vue3使用最新版本的VueRouterv4.x。
皮蛋很白
·
2023-10-27 12:41
#
vite
vite
vue3
typescript
【vue3 】 创建项目vscode 提示无法找到模块
…否/是√是否引入
VueRouter
进行单页面应用开发?…否/是√是否引入Pinia用于状态管理?…否/是√是否引入Vitest用于单元测试?…否/是√是否要引入一款端到端(EndtoEnd)测试工
公诚士
·
2023-10-26 15:04
1024程序员节
前端实现菜单&按钮级权限
但是用在全局前置导航守卫中,写法又不太一样,可以参照官网说明动态路由|
VueRouter
(vu
小辉吖~
·
2023-10-26 12:59
前端
javascript
vue.js
vue2技能树(11)-路由安装与基本配置、路由导航、嵌套路由
目录路由安装与基本配置安装
VueRouter
配置
VueRouter
创建Vue组件在应用程序中使用
VueRouter
在应用中定义路由创建路由视图完整的项目示例路由导航详解基本导航通过路由链接``项目示例编程式导航项目示例嵌套路由导航项目示例路由参数项目示例命名路由项目示例导航守卫项目示例嵌套路由详解配置嵌套路由使用
云边散步
·
2023-10-26 11:19
vue2技能树
vue.js
前端
javascript
2020-02-07 Vue Route学习(1)
VueRouter
是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。
yycgis
·
2023-10-26 07:19
Vue3学习之-- vue-router入门教程和总结
VueRouter
是Vue.js的官方路由器。
荔枝学习
·
2023-10-26 07:34
vue
vue.js
学习
vue
vue(vue-router&&vuex)全家桶源码实现(1)
vue-router安装vue-routervueaddrouter项目目录image.png核心步骤1.vue使用
VueRouter
,创建路由表krouter/indexVue.use(KVueRouter
微_______凉
·
2023-10-26 03:45
【Vue Router的路由模式】
文章目录什么是
VueRouter
的路由模式?1.哈希模式(HashMode)2.历史模式(HistoryMode)如何设置路由模式?示例代码总结什么是
VueRouter
的路由模式?
武帝为此
·
2023-10-25 17:52
前后端
vue.js
前端
javascript
Vue 识别移动设备还是PC设备跳转相应的路由
importVuefrom'vue'importVueRouterfrom'vue-router'//解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题constoriginalPush=
VueRouter
.prototype.pushVueRouter.prototype.push
马卫斌 前端工程师
·
2023-10-25 13:54
Vue
vue.js
前端
常见的 Vue Router 的导航钩子/ 路由导航守卫
VueRouter
提供了多种导航钩子,可以在导航过程中执行相应的操作。作用:可以控制导航跳转,例如beforeEach,afterEach等;一般用于页面title的修改。
小草莓蹦蹦跳
·
2023-10-25 07:12
Vue1.x和Vue2.x
Vue3.x
每日专栏
1024程序员节
vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘<‘
vuerouter
切换history模式报错:UncaughtSyntaxError:Unexpectedtoken‘前缀举个例子favicon.ico">css/common.css"/>
起名字可真难
·
2023-10-25 07:42
vue.js
javascript
前端
Vue路由刷新时出现404问题的解决方案
问题背景:当使用Vue开发SPA时,可以通过
VueRouter
实现前端路由功能。
VueRouter
提供了一种方式,使得我们可以在前端完成URL的路由跳转,而无需重新
ByteWhisper
·
2023-10-25 05:53
vue.js
前端
javascript
Java
VueRouter
之query与params两种传参区别
传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,比如传个id获取个详情信息,今天咱们就来看看Vue中是怎么实现这种传递参数得在Vue中提供了两种方法来进行路由传参:query和params,下面来看看他们两个得区别在哪里query语法:this.$router.push({path:"地址",query:{id:"123"}});这是传递参数this.$route.query.
树下老大爷的小老弟
·
2023-10-25 02:58
『学Vue2+Vue3』自定义指令、插槽、路由入门
1.自定义指令基本语法(全局、局部注册)指令的值v-loading的指令封装2.插槽默认插槽具名插槽作用域插槽3.综合案例:商品列表MyTag组件封装MyTable组件封装4.路由入门单页应用程序路由
VueRouter
黑马程序员官方
·
2023-10-24 07:24
2023年前端—入门到精通
vue.js
前端
javascript
vue-router在3.0版本以上element ui导航栏重复点击报错的问题
第一种方法:在路由的index.js文件中添加如下代码:constoriginalPush=
VueRouter
.prototype.pushVueRouter.prototype.push=functionpush
雨落倾城夏微凉_e861
·
2023-10-23 07:17
vue-router(vue-router功能,跳转方式,路由守卫,路由懒加载,使用流程,3.x和4.x使用区别)
1.vue-router实现的功能
VueRouter
是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。
_Jyann_
·
2023-10-22 14:29
Vue框架与实战
Vue
vue-router
vue路由跳转方式
路由守卫
路由
路由(
VueRouter
)1.vue的核心插件根据不同的url访问不同的页面创建单页面SPA(SINGLEPAGEAPPLICATION)应用下载vue-router.js的方法:在git中输入:npminstallvue-router1
郭佳伟666
·
2023-10-22 13:25
在Vue2中引入
VueRouter
为了实现SPA应用(单页面应用),所以需要引入VueRouterVueRouter官网https://v3.router.vuejs.org/zh/在这里我们是Vue2中引入
VueRouter
强调是在Vue2
软工不秃头
·
2023-10-22 02:24
前端
javascript
vue.js
使用nginx方向代理部署Vue项目刷新页面404的问题解决
文章目录问题假设原理探究问题解决问题假设部署出现的问题为:由于项目中使用的
vuerouter
项目直接使用node环境部署项目,在同一个路由如:192.168.1.30:/home刷新浏览器正常nginx
缘友一世
·
2023-10-21 23:49
nginx
#
Vue学习
nginx
vue.js
运维
Vue-router tips
$routerrouter是
VueRouter
BabyMT
·
2023-10-21 21:13
导航守卫的使用记录和beforeEach( )死循环的问题
importVuefrom'vue'importVueRouterfrom'vue-router'//进度条importNProgressfrom'nprogress'import'nprogress/nprogress.css'Vue.use(
VueRouter
以对_
·
2023-10-21 14:45
vue学习记录
javascript
vue.js
前端
vue2的跳转路由
vue2的路由跳转准备工作/router/index.jsimportVueRouterfrom'Vue-router'importVuefrom'vue'Vue.use(
VueRouter
)constroutes
鸭梨的药丸哥
·
2023-10-21 14:07
Vue2
vue
javascript
vue2.x e01
打个比方,就好比堆积木,用到哪一块就搭建一块,可能我们现在,在公司开发的时候一上来就是vue全家桶(vue+
vueRouter
+vueX)配合elementUiVant什么的,其实我们根据不同的使用场景
Red_Xx
·
2023-10-21 08:45
vue
vue
解决 vue-router 报错Error: Redirected when going from “/XXX“ to “/XXX“ via a navigation guard.
这个错误可能发生的常见情况是,当在
VueRouter
中使用导航守卫(比如beforeEa
鹤渺
·
2023-10-21 01:57
vue.js
javascript
前端
VueRouter
源码解析
使用路由之前,需要调用Vue.use(
VueRouter
),这是因为让插件可以使用VueexportfunctioninitUse(Vue:GlobalAPI){Vue.use=function(plugin
嚣张农民
·
2023-10-20 23:11
vue
javascript
vue
vue-router (路由)
/views/page1.vue'//2、使用
VueRouter
插件Vue.use(VueRou
心安理得丶
·
2023-10-19 16:12
Vue Router 之 router.push()、router.go()、router.replace() - Vue
页面中进行跳转是最常见的一种操作之一,那么
VueRouter
的api中最常会用到的push和go方法;首先,在路由中配置完每个页面的常规配置后,便可在需要的地方调用router的操作;importVuefrom"vue
survivorsfyh
·
2023-10-18 23:54
跳转传参有几种方式
在
VueRouter
中,实现路由跳转并传参有以下几种方式:1.路由参数(RouteParams):可以通过在路由配置中定义动态的占位符(即路由参数),并在跳转时通过URL路径来传递参数。
嘘~!
·
2023-10-18 07:17
vue.js
前端
javascript
在history模式中push和replace有什么区别
在history模式中,push和replace是
VueRouter
中用于导航的两种方法。1.push方法:push方法将新的路由添加到浏览器历史记录中,并且会导致页面跳转到相应的路由。
嘘~!
·
2023-10-18 07:17
react.js
Vue Router 实现权限控制、解决路由死循环、动态删除路由
VueRouter
实现权限控制、解决路由死循环、动态删除路由利用路由的元数据实现权限控制,如下所示,mate属性里面roles定义角色{path:'/profile',component:Layout,
記億揺晃着的那天
·
2023-10-16 19:37
vue.js
前端
前端框架
Vue3 路由钩子的使用
VueRouter
提供了一些路由钩子函数,允许开发者在不同的路由生命周期阶段执行自定义逻辑,从而实现更为灵活的路由控制。
qq_45438471
·
2023-10-15 11:36
vue.js
前端
javascript
Vue路由守卫有哪些,怎么设置,有哪些使用场景?
Vue路由守卫是在
VueRouter
中提供的一种功能,它允许您在导航到某个路由前、路由变化时或导航离开某个路由时执行代码。
Mr_linjw
·
2023-10-15 06:47
vue.js
javascript
前端
Vue-3.0路由
生活中的路由:设备和ip的映射关系路由就是一种映射关系Vue中路由:路径和组件的映射关系,根据路由就能知道不同路径的,应该匹配渲染哪个组件
VueRouter
的介绍作用:修改地址栏路径时,切换显示匹配的组件说明
小沐°
·
2023-10-15 03:58
vue
vue.js
前端
javascript
Vue2到Vue3的变化细节
defineAsyncComponent方法显式地定义异步组件component选项被重命名为loaderLoader函数本身不再接收resolve和reject参数,且必须返回一个Promise注意:
VueRouter
小宁子呀
·
2023-10-14 18:57
Vue路由进阶--
VueRouter
声明式导航
Vue路由进阶–
VueRouter
声明式导航文章目录Vue路由进阶--
VueRouter
声明式导航1、声明式导航1.1、导航链接1.2、高亮类名1.3、跳转传参1.4、动态路由参数可选符1、声明式导航1.1
曼诺尔雷迪亚兹
·
2023-10-14 12:09
前端
vue.js
前端
javascript
vue3 + ts + pinia + vite +
vueRouter
4的基本配置和使用
拥抱新技术,持续学习~1.下载一大堆依赖yarncreatevite//创建项目yarnyarndev//安装依赖并运行yarnaddvue-router@4//安装路由yarnaddpinia//状态管理yarnadd--devtypescript//ts环境npmi-Dnaive-ui//UInpmi-Dvfonts//字体npminstall@vitejs/plugin-vue//配置vit
漆黑骑士
·
2023-10-14 08:43
开发技能汇总
vue.js
小白也能看的懂,vue2使用Router进行路由配置?
目录一:前言二:配置与使用1.安装
VueRouter
2.配置路由3.运行效果三:尾记四:项目的Gitee源码地址一:前言总所周知,使用vue所开发出来的程序通常是单页面应用程序,这是现代web应用程序开发的重要方式
暴怒的代码
·
2023-10-14 00:24
vue2学习日常
前端
javascript
开发语言
vue.js
vue3 404解决方法
在Vue3应用中解决404错误通常涉及到
VueRouter
,因为404错误通常与路由无法匹配到的路径有关.1.**检查路由配置**:首先确保你的路由配置正确。
锅盖哒
·
2023-10-13 11:36
vue.js
前端
javascript
屏保功能:H5页面时间内无操作自动跳转指定页面
经过一上午的研究,我之前在uniapp中引入了一个
vuerouter
的
Taurus_sheep
·
2023-10-13 10:09
vue如何禁止通过页面输入路径跳转页面
要禁止通过页面输入路径跳转页面,你可以使用
VueRouter
的导航守卫(navigationguards)来拦截导航并阻止不希望的跳转。
无妄的罪
·
2023-10-13 07:47
vue.js
javascript
前端
VueRouter
与expres/koa中间件的关联
ueRouter:runQueue路由守卫都是有三个参数to,from,next。其中next就是下方的fn执行时候传入的第二个参数(回调函数),只有该回调执行后才会挨个遍历queue内的守卫。中间件的作用隔离基础设施与业务逻辑之间的细节。详细的内容位于《深入浅出Node.js》P210另外一幅常见的图就是洋葱圈模型。这幅图形象地展示了外层基础设施与核心业务逻辑之间的关系。express中间件Vu
视图猿人
·
2023-10-13 01:14
VUE
vue.js
前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲Vue+
Vuerouter
+Axios+Vuex
路飞-161-前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲Vue+
Vuerouter
+axios+Vuex路飞-161-前端开发VUE框架-vue核心技术实战精讲-美团前端开发大神精讲
WX373871949
·
2023-10-12 22:06
vue.js
javascript
前端
vue中cdn引入element-ui 报错“vue-router.min.js:6 ReferenceError: ElementUI is not defined“解决
index.html页面引入在vue.config.js页面设置configureWebpack:{externals:{'vue':'Vue','vue-router':'
VueRouter
','axios
qq_39704803
·
2023-10-12 07:30
Vue
Vue学习笔记——Vue router的基本使用
文章目录
Vuerouter
1认识路由1.1什么是路由1.2前后端路由1.3前端路由的规则1.3.1URL的hash1.3.2HTML5的history模式2vue-router2.1Vue-router
一只蒻蒻
·
2023-10-12 05:58
Vue
系列
vue
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他