router-view

解决Vue的router-link路由跳转但页面没有刷新问题

解决方法在router-view上添加:key="$route.fullPath"属性即可。
SMnK·2023-09-11 14:37

导航守卫与生命周期

但是突然看到一种情况如果列表是公共头，然后详情页router-view就嵌套在列表页。那这样就不会更新数据了。
AAA前端·2023-09-11 05:21

前端路由与vue-router原理

vue-router前端路由概念理解：url与ui的映射关系，再改变url的情况下，展示对应内容，但是不会对整个页面进行刷新(1)监视地址栏变化；(2)查找当前路径对应的页面组件；(3)将找到的页面组件替换到router-vieW
bug丸·2023-09-10 23:21

【Vue】Router路由无法跳转问题整理

问题集整理了部分VueRouter路由无法跳转问题：顶层router-view只能被顶层路由配置内容使用：此问题异常表现在路由跳转但页面不变子路由跳转必需父路由对应的组件中存在router-view：此问题异常表现在路由跳转但页面不变子路由配置路径会自动继承父路径并自动增加
Dongle74·2023-09-10 16:58

keep-alive总结

什么是keep-alive提到keep-alive大多数人都是又爱又恨啊爱是他能够缓存页面、用起来很是方便，恨是不能够区分处理遇到一些问题基础概念作用标签keep-alive可用于router-view
丰的传说·2023-09-09 09:56

【vue2第十五章】VueRouter 路由配置(VueRouter)与使用 和 router-link与router-view标签使用

单页面应用与多页面应用单页面应用（Single-PageApplication，SPA）和多页面应用（Multi-PageApplication，MPA）是Web应用程序的两种不同架构方式。它们在页面加载和交互方式上有所区别。单页面应用（SPA）：指的是整个应用只有一个HTML页面，页面的内容和交互都通过JavaScript动态加载和更新。在SPA中，页面的切换和内容的变化通过前端路由来实现，通常
一个大不溜w·2023-09-07 23:24

Vue中router-view和子路由的使用方法

应用场景：实现一个随着切换tab栏，头部底部不变，中间内容变得功能需求。首先需要在路由文件中添加子路由（children）：importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'@/views/Home.vue'importContent1from'@/views/Content1.vue'importContent2from'@
陈龙辉Break·2023-09-07 10:21

路由跳转，router-view不显示组件页面的几个可能出现的问题及解决方案

遇到的问题：路由变化，父组件有router-view的情况下子组件页面不显示，查了诸多方案，最终是因为路由跳级的原因；代码如下：MyRoutes：{path:'/',name:'首页',component
梦想家加一·2023-09-06 12:48

vue3跳转统一页面，path一样，传递的参数不一样时页面不刷新

方法：修改router-view，在app.vue页面给标签加key，当key不同时，就会刷新。
余道各努力，千里自同风·2023-09-05 00:41

关于Vue中给router-view 设置key的原因（$route-fullPath）

1.不设置router-view的key属性由于Vue会复用相同组件,即/page/1=>>>/page/2或者/page?id=1=>>>/page?
风妤.·2023-09-03 06:32

完美解决$router.go(-1)返回上一层页面不刷新页面问题

在app.vue中改写router-view在router/index.js中添加路由元信息，设置需要缓存的页面routes:[{path:'/',name:'index',component:index
undefined汪少·2023-09-01 23:53

Vue 返回记住滚动条位置详解

一共分三步：给router-view添加keep-
solocoder·2023-08-30 02:26

若依框架使用

若依官网文档页签缓存由于目前keep-alive和router-view是强耦合的，而且查看文档和源码不难发现keep-alive的include(opensnewwindow)默认是优先匹配组件的name
四月天__·2023-08-28 09:12

vue中的页面刷新问题

App.vue:声明reload方法，控制router-view的
她与星河皆遗憾·2023-08-25 06:41

vue添加滚动事件不生效以及scrollTop一直为0的问题解决

$el.scrollTop;//表示获取router-view上一级的scrollTopif(scrollTop>170){this.fixedDiv=true;}else{this.fixedDiv=
菜鸟工程师2号·2023-08-24 19:28

VUE-路由的嵌套

笔记router-link是vue中提供的标签默认会被渲染为a标签to属性默认会被渲染为href属性to属性的值默认会被渲染为#开头的hash地址router-view为路由填充位，渲染指定路由对应的组件先引入
雷加祥·2023-08-21 20:09

VUE中实现点击按钮刷新页面的方法

$router.go(0)二:在app.vue里新增以下代码三:在自己的主页面添加按钮通过reload方法控制变量showRouter的值，在router-view中使用v-if来控制其添加和删除，从而使页面再次加载
Luffe船长·2023-08-19 11:03

vue-router

路由详解-基础router-link和router-view组件router-link:封装了一个a标签router-view:视图渲染组件路由配置动态路由router/index.js{path:'/
卡布i·2023-08-18 15:11

Vue Router 官方文档（一）==起步==、动态路由匹配、嵌套路由、编程式的导航（history）、命名路由、命名视图（`router-view`）、重定向和别名、路由组件传参（prop解耦）、

VueRouter官方文档（一）起步、动态路由匹配、嵌套路由、编程式的导航（history）、命名路由、命名视图（router-view）、重定向和别名、路由组件传参（prop解耦）、HTML5History
ChrisP3616·2023-08-18 11:40

angular2中router-outlet使用

前文分析了vue.js的router-view的使用，本文分析一下angular2中的router-outlet的使用。
页神建辑-思而后学·2023-08-17 09:17

完美解决vue3 keep-alive多个路由使用同一个组件的缓存问题

之前页面少的话用keep-live结合router-view，使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件，直到遇到个问题。
哟,利齿脂鲤·2023-08-16 09:36

完美解决vue3 keep-alive多个路由使用同一个组件的缓存问题

之前页面少的话用keep-live结合router-view，使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件，直到遇到个问题。
·2023-08-15 16:59

vue-router 命名视图 想展示多个视图

views',components:{f1:fri1,f2:fri2,default:dsync}}]}my组件：我的朋友嵌套了路由当路径为/muchView/views时会展示所嵌套的子组件多视图展示不同的router-view
SpringYoungYu·2023-08-15 13:09

vue-router命名视图

如果router-view没有设置名字，那么默认为default。如果按照他解释的这么简单的话，完全可以在根组件app.vue里直接引入sidebar组件，注册，渲染。没必要多此一举
muzidigbig·2023-08-15 12:39

vue-router 命名视图案例

有的时候想在页面中同时展示多个视图，而不是切换形式的嵌套展示，这个时候拥有多个出口的router-view就能很方便的实现;现在有这么一个场景：有一个一个页面由左侧侧边栏tab页组成，右边是对应tab所显示的内容
俺是老王·2023-08-15 12:39

【Vue-Router】命名视图

如果router-view没有设置名字，那么默认为default。一个视图使用一个组件渲染，因此对于同个路由，多个视图就需要多个组件。First.vueFirstSecitonSeco
谢尔登·2023-08-15 12:08

keepAlive

,name:'orderList',component:OrderList,title:'订单列表',meta:{keepAlive:true//缓存}},备注：:key=date，用于：刷新当前路由router-view
royluck·2023-08-14 01:53

如何让子组件，router-view，呈现左右分布格局

1.用浮动进行浮动布局，定义一个大盒子，把浮动的样式写在公共样式里（这里在main.js里定义一下全局布局）。2、能够在右边显示了
爱你三千遍斯塔克·2023-08-08 08:05

vue+ Tomcat 使用history模式打包后无法加载router-view，空白，点击任意链接无法找到文件。Tomcat部署Vue router History 模式

实际项目开发中，页面想去掉首页里#，便使用routerhistory模式，但是打包后出现无法加载router-view，空白，点击任意链接无法找到文件。
cc蒲公英·2023-08-06 14:57

router-view路由出口

这边文章主要讲router-view搭建后台管理系统的一个基本模板一.创建自己的路由规则1.新建文件夹src/router/[email protected].配置好文件importVuefrom"vue
我想我不够好。·2023-08-05 02:35

前端面试题-Vue

（Object的defineproperty属性，重写data里面的get与set）谈谈vue命名视图就是给router-view增加个name属性，路由表里直接name属性的值为某个文件。为视图
沈神奇·2023-08-03 02:02

vue-router 定义三级路由，路由跳转了，页面没出来

可能是因为页面二级路由的和三级的路由共用router-view了，利用router-view和redirect重新定义一下（每个人的情况不一样，可以参考解决）component:{render(c){returnc
Passerby_K·2023-08-02 15:10

vue3对比vue2使用keep-alive router-view的缓存

vue2使用vue3使用vue3keep-alive文档地址：https://v3.cn.vuejs.org/api/built-in-components.html#keep-alivehttps://v3.cn.vuejs.org/guide/migration/suspense.html#%E4%BA%8B%E4%BB%B6
东方三篇·2023-08-02 07:12

Vue基础-路由

路由--按照path变换，router-view里面的组件变换创建一个路由对象VueRouter({routes:[]})挂载到我们vm上面router-view参数--获取路径后面的参数在路由规则routes
慢慢慢热型·2023-07-29 09:22

vue 同一个页面第二次跳转路由不刷新问题

问题描述vue在第二次跳转同一路由跳转数据不更新，原因使用router-view时，如果在相同路由之间跳转，默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。
姀影·2023-07-28 13:10

keep-alive使用场景

Vue中keep-alive的深入理解与使用(配合router-view缓存整个路由页面)在搭建vue项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时便可以派上用场了。
zZ_d205·2023-07-26 00:08

【VUE】若依vue切换tab页签时页面保持不重新加载

若依官网文档页签缓存由于目前keep-alive和router-view是强耦合的，而且查看文档和源码不难发现keep-alive的include(opensnewwindow)默认是优先匹配组件的name
SZnA1·2023-07-25 10:23

刷新vue项目后，在非routerview中的组件获取路由路径永远是“/“的解决方案

问题：//此文件时项目导航栏，不属于router-view的内容//route.fullPath表示当前的页面路径onMounted(()=>{setTimeout(()=>{console.log("
外围前端吴彦祖·2023-07-24 00:59

TypeError: Cannot use ‘in‘ operator to search for ‘path‘ in undefined

项目场景：使用vue3+element-Puls开发项目问题描述：在写路由页面得router-view出现bug原因分析：原来是名字写错了，link没有to路由才会报那个错解决方案：
喵喵虫·2023-07-23 19:30

【vue3】vue使用总结-一步步

vuecreaterunoob-vue3-app2.运行VUE:$cdrunoob-vue3-app$npmrunserve3.安装elementnpminstallelement-plus--save4.App.vue文件中的router-view
陈晓明start·2023-07-21 20:49

router-view

在组件中放的位置，就是当前组件路由的子组件内容的输出位置，比如组件a中使用了router-view，组件a对应路由为“/a”,子路由为":id",对应子组件为aa,当组件a内部要进行路由跳转"/a/:id
玛卡巴卡_o·2023-07-21 08:12

解决vue3 路由切换后，页面不显示内容，刷新后正常显示（路由切换白屏的问题）

排查：1、控制台无报错2、切换的各级页面均有根标签节点包裹解决办法：在router-view中给路由添加key标识。！！
ironybbb·2023-07-19 22:45

Vue 实现手动刷新组件

开发过程遇到了一个问题，就是我的router-view里面渲染出来的组件输入数据之后，我点击路由视图外边的导航栏router-link按钮，可以实现清除router-view里面的数据，也就是使组件重新渲染
南波·2023-07-19 09:36

router-view中key的作用

https://blog.csdn.net/m0_60692814/article/details/125564038https://blog.csdn.net/weixin_43206442/article/details/128582758
Study123wf·2023-07-18 18:42

若依添加router-view，使用详细（若依后台管理系统添加router-view）

简介：大家都知道若依后台管理系统，它是一款基于SpringBoot，SpringSecurity，JWT，Vue&Element的开发的企业级后台管理系统，可以用于管理企业网站、电子商务平台、移动应用等各种应用系统，具有良好的性能和用户体验。目前在GItHub和Gitee上已经拥有几十k的star⭐，可以免费使用，但是用户也需要遵守相关的开源协议。今天来分享下，如何在若依系统中添加router-v
北城笑笑·2023-07-16 04:08

keep-alive和router-view配合使用缓存整个路由页面以及路由切换

实现内容：通过vue实现，在页面有侧边栏动态来展示当前页面流程，右边进行页面的切换，左右两边都是组件，但是A/B/C组件的切换是通过keep-alive搭配router-view实现的，首先在当前文件中创建五个文件
猫猫的叮当·2023-07-15 06:45

keep-alive和router-view配合使用

keep-alive大多数可能了解过，它是vue的内置组件，可以将包裹的组件进行缓存，避免重复的渲染和销毁，当这个组件再次被使用的时候，它会从缓存中提取出来并重新挂载到页面上，keep-alive提供了两个钩子函数：actived,deactived，keep-alive还提供了一些配置属性：max,min,exclude,include，流程为：1.判断组件name,不在include或在exc
猫猫的叮当·2023-07-15 06:45

单页面路由跳转失败，router-view不起作用？

我想做一个单页面路由跳转的功能，希望实现的是：在我页面的导航栏上有两个url，一个叫首页，一个叫精准传播（为什么叫精准传播不重要）。当我点击首页的时候，下方显示的是首页的内容；当我点击精准传播的时候，下方显示的是精准传播的内容。先上效果图：其实功能很简单，我看官网demo的时候，也觉得很简单，事实上真的不难。只是步骤没有走错就行。放下我错误时的图：下面空空如也，没有像我想象中出现内容，并且发生改变
zengyifei·2023-07-14 23:01

vue3 Failed to resolve component router-view

router-viewIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOptions.isCustomElementvue3解析component:router-view
bp粉·2023-07-14 13:58

react路由鉴权

在Vue和Umi中都有集成预置的路由集中配置与鉴权,非常的方便好用;但是在默认React项目中是编程式路由,将需要手动进行配置式路由构建与权限构建;RouterV6中提供了一个与(router-view
不知名秋刀鱼·2023-07-13 22:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他