VUE路由

vue路由匹配上之后，但页面空白的问题

在vue项目中，可能会遇到路由匹配上之后，页面空白没有内容的情况，就像下面截图所示：于是就查看了一些其他朋友对该问题的回答，主要有下面几点：1、路由配置重复，如果配置了两个重复的路由，比如配置了两个【path:'/'】，那么访问就会看到空白页面，这时候改下重复的路由配置即可。2、访问的页面没有配置路由，那么访问的页面也可能是空白页，比如访问/test，但是路由里却没有配置，也不会出现页面。但是我排
前端-卡布达·2023-04-13 03:35

第三十四节:Vue路由:Vue-router动态路由

前沿:上面我们定义的路由，都是严格匹配的:只有router-link中的to属性和js中一条路由route中path一模一样，才能显示相应的组件component.但有时现实却不是这样的，例如:如下的需求:当我们访问网站并登录成功后，它会显示"欢迎你，+你的名字"。不同的用户登录，只是显示“你的名字”部分不同，其它部分是一样的。这就表示，它是一个组件，假设是user组件。不同的用户（就是用户的id
时光如剑·2023-04-12 14:08

vue路由跳转push，replace，go

this.$router.replace({path:"/subpagest"});//不会向history添加新记录，而是跟它的方法名一样——替换掉当前的history记录;this.$router.push({path:"/subpagest"});//会向history栈添加一个新的记录;this.$router.go(-1);//这个方法的参数是一个整数，意思是在history记录中向前或
2小乌龟2·2023-04-12 11:25

（Vue）Vue课后题

）一、填空题二、判断题三、选择题四、简答题五、编程题第3章Vue开发基础（下）一、填空题二、判断题三、选择题四、简答题五、编程题第4章过渡和动画一、填空题二、判断题三、选择题四、简答题五、编程题第5章Vue
m0_67390773·2023-04-12 03:56

Vue路由 —— vue-router

回顾前两篇内容讲到一级路由、声明式导航、编程式导航、路由的重定向、嵌套路由和动态路由，那么在本篇接着来讲关于Vue路由相关的内容：命名路由命名路由，顾名思义，有命名的路由，同样还是将上一篇的案例继续进行
灵魂学者·2023-04-11 18:11

Vue路由 —— vue-router

上一篇讲到了Vue中的路由，在/router/index.js中进行路由的配置，使用vue-router完成声明式导航以及讲了路由重定向的问题，路由是Vue中的一个重要内容，那本篇目也讲来继续讲关于路由相关的内容：嵌套路由前面讲到了一级路由的配置，那么什么是嵌套路由？把组件嵌套在路由的内部，如下进入社区分享音乐板块：/music是固定的（一级路由）酷狗音乐分享：/music/kugou酷我音乐分享
灵魂学者·2023-04-11 18:40

VUE路由跳转传参的几种方式以及如何让接收参数

1.通过router-link的方法：不带参数的情况：点击跳转到index页面点击跳转到index页面带参数的情况：点击跳转到index页面点击跳转到index页面点击跳转到index页面在index页面中接受参数的方法：html中{{$route.query.id}}{{$route.params.id}}js中this.$route.query.idthis.$route.params.id2
BUG_Jia·2023-04-11 09:36

vue路由模板是html,vue-router 详解

文章目录1、认识vue-router2、安装和使用vue-router3、路由的默认路径4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router目前前端流行的三大框架，都有自己的路由实现：Angular的ngRouterReact的Re
章兮苒·2023-04-11 08:48

vue路由跳转权限_vue addRoutes实现动态权限路由菜单步骤详解

这次给大家带来vueaddRoutes实现动态权限路由菜单步骤详解，vueaddRoutes实现动态权限路由菜单的注意事项有哪些，下面就是实战案例，一起来看一下。需求最近接手一个后台管理系统，需要实现导航菜单从后台拉取的效果；根据登录用户的权限不同分别拉出来的导航菜单也不一样，另外可操作的界面也存在区别。问题因为后台管理系统是准备使用vue+vue-router+element-ui+vuex的搭
迟小更·2023-04-11 08:48

vue路由全面详解（上）：基本使用、多级路由、工作模式……

目录理解一.基本使用1.安装2.应用插件3.编写router配置项二、多级路由三、路由器的两种工作模式hash模式：history模式：四、注意事项理解vue提出了路由route的概念。vue中的路由route，是一组映射关系（key-value），key是路径，value是组件，也就是路径与组件之间的映射。多个路由需要路由器（router）进行管理。注意：vue中的路由route，与我们在计算机
唯一的阿金·2023-04-11 08:42

vue第五天的路由脚手架简单项目的学习

managercnpmibootstrap--savenpminstall--savejquerypopper.jsnpmrunserveimage.pngimage.pngimage.pngimage.pngvue
前端开发菜鸟·2023-04-11 06:21

JavaWeb—vue（具体使用包含案例）

Element1.1Element介绍1.2Element组件1.2.1Table表格1.2.2Pagination分页1.2.3Dialog对话框1.2.4Form表单1.3案例1.3.1案例分析1.3.2代码实现2.Vue
turbo夏日漱石·2023-04-11 03:38

vue路由跳转错误：Error: Redirected when going from “/l“ to “/home“ via a navigation guard.

这个问题出现在我设置vue的守卫导航的时候执行onConnect函数的时候，会发现this.router.push()函数较先执行，也就是说我要存进store里面的内容还没存进去，导致先出发了守卫导航，后存储了信息进去。我的解决办法，确保vuex的存储已经结束再进行页面跳转。如图：login.vuelogin.vuerouter/index.jsrouter/index.js配置storeacti
呼呼chen·2023-04-11 03:57

详解vue 路由跳转四种方式 (带参数)

本文介绍了vue路由跳转四种方式(带参数)，本文通过实例代码给大家介绍的详细，具有一定的参考借鉴价值,需要的朋友可以参考下1.router-link1.不带参数//name,path都行,建议用name
Linux小百科·2023-04-10 13:58

Vue路由的详解

Vue-router一、路由的概述路由的三个基本概念二、路由的使用1.安装vue-router2.创建Vue-cli脚手架项目3.创建一个Vue组件4.在项目当中创建路由配置文件5.使用一、路由的概述路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮=>home内容，about按钮=>
JaneOnly300·2023-04-09 20:49

vue路由技术

1.基本使用1.安装vue-router，命令:npmivue-router2.应用插件:Vue.use(VueRouter)3.编写router配置项4.切换样式：active-class可以配置高亮About5.展示路由2.使用路由的注意点1.路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。2.通过切换，“隐藏""了的路由组件，默认是被销毁掉的，需要的时候再去
Meme_xp·2023-04-09 10:01

vue路由传参及解决vue路由传参页面刷新参数丢失问题

Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：注意：获取参数的时候是route，跳转和传参的时候是$router；以下方法均不建议用来传obj,若一定要传，请先用JSON.stringify(obj)方法转换;方法一：params传参：//这个组件对应的路由配置{//组件路径path:'/admin',//组件别名name:'admin',//组件名component:Admi
优秀的收藏转载分享·2023-04-09 04:43

Nginx：vue路由使用history模式刷新404

apache解决方案：(1414条消息)Apache部署vue项目刷新404问题_覅乆的博客-CSDN博客_apachevue刷新404https://blog.csdn.net/zhouqiyuan1233/article/details/122193773若依前端框架部署apache代替nginx的try_file-西瓜霜-博客园(cnblogs.com)https://www.cnblogs
OkidoGreen·2023-04-08 09:43

Vue3学习笔记（9.5）

Vue3路由Vue路由允许完美通过不同的URL访问不同的内容。
mez_Blog·2023-04-07 21:42

vue路由传参及解决页面刷新参数丢失问题

方法一：params传参：(刷新丢失参数)方法二：路由属性配置传参：(刷新丢失参数)方法三：query传参或者把参数存在sessionStorange或者localStorange中。
解忧杂货铺_bba2·2023-04-07 20:29

【Vuex】前后端分离Vue路由拦截器与登录cookie保存

文章目录1.Vuex初探1.1vuex介绍1.2store的使用2.localStorage使用2.1localStorage介绍2.2localStorage语法3.路由钩子函数[导航守卫]3.1导航守卫介绍3.2全局守卫的使用4.vue的登录拦截器实现4.1实现理论4.2安装4.3配置store4.4使用localStore4.5配置路由4.6结果检查5.实现定时清理cookie5.1理论5.
玖等了·2023-04-07 17:00

2018-09-28

1.vue路由跳转传值--------最好用vuex，bus不适合在路由跳转中传值，因为需要初始化组件2.http请求可用formData传递多个相同属性函数，用数组提交，在qs中，设置qs.stringify
月桂清山·2023-04-07 04:29

Vue路由跳转与接收参数

Vue路由跳转与接收参数一、路由跳转四种方式(带参数)1)router-link1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始
良辰美景好时光·2023-04-06 11:19

Vue 路由 (vue-router)

Vue路由(VueRouter)通俗的说，就是Vue应用中的路径管理器，我们需要做的就是把Vue中的组件映射到路由上，让VueRouter知道在什么地方渲染他们2.为什么要用VueRouter？
许你今世繁华·2023-04-06 09:24

Vue路由配置整理(齐全，从官网整理为大白话)

直接上代码了有详细注释每一行都有仔细读一下就懂了//路由文档//1、导入路由导入Vue进行挂载importRouterfrom'vue-router';importVuefrom'vue';Vue.use(Router);//2、导入组件进行路由懒加载(否则可能会出现首页白屏问题并且也会造成很大性能问题)||量大的话写个js文件写好路由然后类似模块一样进行导入进来//3、写路由规则配置项const
前端 晓雷·2023-04-06 09:24

vue路由----路由表的组建群

1.在idea中新建vue项目2.main.js中修改importVuefrom'vue'//importRouterfrom'./Router'/*引用自同级Router.js*///importRouterfrom'./SonRouter'/*引用自同级SonRouter.js*/importRouterfrom'./ComponentRouter'/*引用自同级ComponentRouter
跳跳呦�·2023-04-06 09:17

vue路由，路由传参（parmas,query）

一、Vue路由基础用法：1.安装npminstallvue-router--save2.main.js中//Vue路由：引入importVueRouterfrom'vue-router'Vue.use(
star@星空·2023-04-06 09:47

vue路由简介

本文转载于https://blog.csdn.net/qq_46071321/article/details/112132752更多详情可以前去学习什么是路由？路由就是通过互联的网络把信息从源地址传输到目的地址的活动。路由中有一个非常重要的概念叫路由表路由表本质上就是一个映射表，决定了数据包的指向。后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的服务器直接生产渲染好对应的HTML页面，
坏萝卜·2023-04-06 09:39

Vue路由中，history和hash两种模式有什么区别？

前端路由有两种模式：hash模式和history模式，接下来分析这两种模式的实现方式和优缺点。hash模式hash模式是一种把前端路由的路径用井号#拼接在真实URL后面的模式。当井号#后面的路径发生变化时，浏览器并不会重新发起请求，而是会触发hashchange事件。示例：新建一个hash.html文件，内容为：A页面B页面functionrender(){app.innerHTML=window
北海屿鹿·2023-04-06 04:10

项目技术分享

火车票项目技术分享项目规划和安排项目实现和vue所遇到的坑项目展望和总结资源分享项目地址:火车票火车票项目火车票项目采用vue写的一个SPA先后花费2个多月项目所涉及的技术有:vuejs（框架）vue-router(vue
晗笑书生·2023-04-06 03:43

VUE3（五）vue路由vue-router4

使用vue-router，这里特别说明一下，我这里记录的是vue-router文件的编写。及在页面中的使用。我的站点主要分为三个部分：1：pc端页面的路由2：手机端页面的路由3：后端管理系统的路由因此，我这里会使用到路由嵌套（子路由）。具体的用法请参照官方文档：https://router.vuejs.org/我这里放一下我当前使用文件得我内容。我使用的基础语言是typescript：Index.
camellias_·2023-04-05 15:19

第五章Vue路由

文章目录相关理解vue-router的理解对SPA应用的理解路由的理解基本路由几个注意点嵌套路由——多级路由路由query参数命名路由路由的params参数路由的props配置路由跳转的replace方法编程式路由导航缓存路由组件路由组件独有的生命钩子activated和deactivated路由守卫全局路由守卫独享路由守卫组件内路由守卫路由器的两种工作模式相关理解vue-router的理解vue
库里不会投三分·2023-04-05 13:18

【面经】2023届秋招海能达前端一面

19min左右1.自我介绍（项目经历校园经历）2.简历上提到的一个技术点(防抖节流)3.vue路由守卫类型有哪些4.vue全局路由守卫可以做什么5.axios拦截器6.vuex有哪些属性，分别用来做什么
BrianJustin*·2023-04-05 09:25

vue路由在keep-alive下的刷新问题和路由监听

1.在keep-alive中直接添加include，cachedViews（Array类型：包含vue文件的组件name都将被缓存起来）；反之exclude则是不包含；注意：所有.vue组件文件都必须附上name属性！！！建议用vuex管理cachedViews2.监测$router的变化；watch:{//如果路由有变化，会再次执行该方法"$route":"fetchDate"}但是会在页面离开
曾经也是个少年·2023-04-05 00:01

vue路由跳转带参数

保证路由名字和路径与router.js设定保持一致this.$router.push({name:'index',params:{gisId:row.gisId}})this.$router.push({path:'/index',query:{position:row.positions}})
伊丽莎白太阳花·2023-04-04 07:11

vue路由跳转错误：Error: Redirected when going from "/login" to "/home" via a navigation guard.

vue路由跳转错误：Error:Redirectedwhengoingfrom"/login"to"/home"viaanavigationguard.嗯这是一个非智力性错误image.pngimage.png
小李不小·2023-04-03 19:13

Vue路由（二）

使用nginx部署项目web服务器：TOMCATjavahtmlAPachePHPhtmljavaIISasp和asp.netundowtowjavanodejs它可以部署web服务器nginxhtmlphp部署前端，比较流行的一个web服务器启动CD到nginx目录执行nginx或者startnginx或者直接运行nginx.exe关闭nginx-sstop或任务管理器ctrl+alt+escl
奔跑的拓宇·2023-04-03 12:21

【VUE】微商城（八）----商品列表，商品详情页

分类页跳转商品列表1）、在pages文件夹下创建一个goods文件夹，并且在goods文件夹创建一个GoodsListView.vue2）、打开router文件夹下的index.js配置GoodsListView.vue
攻城狮·建哥·2023-04-03 07:40

【VUE】5、VUE项目中引入vue-router

1、初识vue-routervue-router也叫vue路由，根据不同的路径，来执行不同的组件2、安装vue-routernpminstallvue-router--save就会发现，在package.json
Asurplus·2023-04-03 07:31

VUE3.0,DAY63，Vue路由传参、路由命名、params参数、props配置

VUE3.0,DAY63案例准备传递参数路由命名params参数props配置案例准备接上一篇案例，我们准备了两个类似按钮的东西，About和Home，点击Home又弹出News和Message。现在我们需要在点击Message下的信息，在弹出详情信息。追加新建一个Detail.vue，里边代码如下：消息编号：消息标题：exportdefault{name:"Detail",};路由的配置文件in
疯子的梦想＠·2023-04-02 07:46

第三十一节:Vue路由:前端路由vs后端路由的了解

1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
时光如剑·2023-04-01 22:53

VUE中对路由文件的拆分

vue路由是vue中非常重要的一部分，可是当写项目时路由是非常多的，当项目很大时，全部写在index文件中检查起来会非常麻烦，这个时候就需要对index文件中的路由进行拆分！
code等于200·2023-04-01 21:46

vue路由跳转页面的几种方式及其区别

目录参考链接方案一：声明式导航router-link1.1不带参数1.2带参数方案二：编程式导航this.$router.push()2.1不带参数2.2query传参2.3params传参2.5this.$router.push()传递对象参数2.6params和query的区别方案三.this.$router.replace()方案四this.$router.go(n)pushreplaceg
柏悦·2023-04-01 20:03

vue路由的跳转方式

在vue中路由的跳转方式主要有下列4种：1、跳转到上一次浏览的页面2、指定跳转的地址3、指定跳转路由的名字下4、通过push进行跳转希望对大家有所帮助exportdefault{methods:{goToMenu(){//跳转到上一次浏览的页面//this.$router.go(-1)//指定跳转的地址，我们自己设置的路由地址//this.$router.replace('/menu')//指定跳
丰柏林·2023-04-01 20:39

vue路由中component的动态引入（import、require的各种写法）

vue路由中component的动态引入（import、require的各种写法）常用import写法（如下图）：常用写发，先用import通过路径引入组件对象，再赋给component。
start_sea·2023-04-01 17:56

ChatGPT AI生成的VUE教程博客大纲

的概念和特点2.安装和配置：如何在你的项目中使用Vue.js3.Vue模板语法：学习如何使用Vue模板语法渲染数据4.Vue实例：学习如何创建和使用Vue实例5.Vue组件：学习如何使用Vue组件组织代码6.Vue
Joe.Xie·2023-04-01 12:12

Vue路由守卫

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫。全局守卫你可以使用router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})每个守卫方法接收三个参数：to:Ro
没有卢果·2023-04-01 11:13

vue路由传参与路由守卫

先说下传参的几种基本方式方案一：getDescribe(id){直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})方案一，需要对应路由配置如下：{path:'/describe/:id',name:'Describe',component:Describe}很显然，需要在path中添加/:id来对应$route
F飞凡·2023-04-01 10:41

vue路由-3-监听-守卫-解决created只走一次的问题

大型项目中听常用的,挺重要的,但是一般的小项目其实不用也没事2.大家觉得难的可能重点是路由守卫3.那就试试自己能不能讲明白吧4.当然还是建议大家看看官网的路由守卫2.先从路由监听说起吧2.1首先路由系列的文章vue
云高风轻·2023-04-01 04:57

前后端分离+Nginx+VUE路由实现访问路径加前缀

近期需要对一个VUE项目进行改造。项目需求是需要在访问路径上添加一个前缀。由于之前没有实现过类似的需求。所以在进行的时候，通过网上寻找的方法一一尝试后，耗费了大量的时间才实现了该需求。故写下这篇博客记录一下。一项目背景简单介绍一下本次改造的项目情况。该项目的默认部署方式是前后端都部署在一个容器内。项目结构为通过vue.config.js中module.exports的pages构建了多页应用，由于
pengguoyang·2023-03-31 17:18
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他