router-view

VUE3实现页面缓存，tab切换时不刷新

如上图所示，为了实现页面缓存，防止每次页面切换时重新刷新数据，前前后后尝试了多种写法，如上图被注释的那段写法，与没注释掉的写法，在router-view上主要是第一种写法有设置key属性，第二种没有，后面经过调试发现
九九100·2023-06-22 23:28

vue router-view使用详解

这里写目录标题一、介绍二、使用方法1实现效果2代码一、介绍  router-view组件作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到。
Saga Two·2023-06-19 08:41

vue项目页面空白但不报错产生的原因分析

打开页面发现页面是空白的，产生的主要原因有四种：1.路由重复如果配置了两个路由是重复的，比如配置了两个【path:‘/’】，那么访问就会看到空白页面，这时候改下重复的路由配置即可2.app.js中删除了router-view
是张鱼小丸子鸭·2023-06-17 16:11

浅析＜router-view＞ v-slot事例

官方关于的v-slot的相关介绍:https://router.vuejs.org/zh/api/#router-view-%E7%9A%84-v-slot并给出了一个例子：Loading...但对于初学者在刚开始了解vue或者刚开始入手和摸索学习的时候看到上面的例子应该多少有些懵，上面的{Component,route}是什么东西，是怎么来的是自己定义的吗？但你看到前面的v-slot，实际上他就
zhaoll98k·2023-06-15 20:48

vue多个＜router-view＞ 嵌套理解

在学习vue的过程中，多次碰到如有跳转错误的问题。我在多级菜单(存在多个)中路由跳转多次不符合自己的预期。经过尝试，终于初步理解多个嵌套时，与路由配置的关系。假设我们有如下路由配置constrouterMenu=[{name:'home',path:'/home',component:()=>import('@/components/layout/Layout.vue'),children:[{n
飘零未归人·2023-06-13 19:32

VUE嵌套路由 component属性key的作用

背景首先我们的项目是需要Vue多层嵌套路由的，即router-view中使用的页面还会有router-view。
如果俞天阳会飞·2023-06-13 09:58

v3+element管理系统----主题定制 && 刷新 && 全屏

应用自定义主题应用全屏刷新router-view的v-slottransition标签动态组件nextTick暗黑模式现在，ElementPlus终于支持了暗黑模式！
前端 贾公子·2023-06-08 14:34

【Vue】Vue-route路由

参考官网npminstallvue-router--save组成router-link：路由链接，跳转至路由视图，展示指定路由组件信息router-view：路由视图，展示路由组件信息route：路由信息
Dongle74·2023-04-20 05:22

关于VUE CLI3中路由配置遇到的问题Unknown custom element: <router-view> - did you register the component correc...

MAIN.js中引入了自己配置的路由文件，但是路由文件中没有引用对应vue-router，本次报错的解决方法如下：在路由文件加上红框的两行代码，报错消失了~在
Karman_5465·2023-04-20 04:39

＜router-view＞＜/router-view＞渲染空白,但没有任何错误提示

原因一：‘routes’写为’routers’constroutes=[{//变量名是routes,而不是routerspath:'/home',component:Home},{path:'/about',component:About}]constrouter=newVueRouter({//配置路由和组件之间的映射关系,ES6缩写语法，相当于routes:routesroutes})原因二：
大侠～·2023-04-20 02:39

33、vue 中 命名视图的用法（二）

一般情况下，一个页面里面可能有多个组件，比如侧边栏，内容区，侧边栏是一个组件、内容区是一个组件，我们普遍会将两个组件作为子组件添加到主页面中，因为页面中只有一个router-view视图，那么问题来了，
world_7735·2023-04-19 15:13

Unknown custom element router-view

vue项目没有安装vue-routernpminstall--savevue-router
摘笑·2023-04-17 21:19

笔记3

SpringBoot的文件上传直接上传到应用服务器上传到OSS（阿里云、七牛云）前段将图片转成Base64编码上传2、创建项目：vue-router-template更改index.js端口80修改App.vue：router-view
黑桃_06ea·2023-04-17 12:46

router-view 和 router-link 的区别

1、router-view和router-link的区别1.router-link和router-view在同一个vue文件（A.vue）里面，2.router-link设置路由跳转，//      login
cv酱·2023-04-16 21:43

el-menu动态加载路由的实现

先看需要实现的效果这里有一级也有二级菜单，注意二级菜单的父目录（”选项设置“点击不会跳转，只是展开目录），然后点击去详情页，需要跳到一个隐藏的路由，不在菜单展示的路由还有一点要注意，就是这里有两个router-view
·2023-04-14 01:56

vue组件复用不重新加载问题

需求：1、vue-router：嵌套路由2、组件在router-view内复用(除页面跳转)3、Tab切换根据id请求渲染4、路由传参，$route.params.id获取组件复用如：http://192.168.1.4
吱吱_粥粥·2023-04-12 21:46

Vue——起占位、包裹作用的标签

在vue中起到占位或包裹作用的常用标签有：template、组件标签、router-view、slot，它们在App挂载到页面上的时候不会展示。
日常充电·2023-04-11 16:20

总结

路由对应的地址name:'Home"//路由的名称component:Home//路由对应的组件//如果浏览器地址栏hash值（#后面的值）对应的是当前的Path//component对应的组件就会被填充到router-view
大马虎·2023-04-11 04:10

vue-router导航守卫

同一个路由，渲染两个router-view全局的导航守卫（导航钩子）：用于判断有无登陆里面可配置路由的props路由局部钩子组件内钩子beforeRouteUpdate应用场景：同一个组件在不用的路由下面
Kuro233333·2023-04-10 02:40

vue router-view 复用组件不刷新解决办法

我们在做项目的时候经常会遇到这样的情况，两个页面相差无几，这时候就需要复用组件了。{path:'/proList',name:'proList',component:proList},{path:'/special',name:'special',component:proList},但是也会产生相应的问题，比如说，页面不刷新，不会重新发起请求。今天我的解决办法是添加watch监听路由变化（据说是
筱雪儿00·2023-04-08 16:51

vue导航守卫详解

keep-alive实现路由加载缓存在vue项目中，要想实现缓存功能，有一个很简单方便的方法就是使用keep-alive组件，keep-alive可以实现组件或路由级的缓存使用步骤：1.在App.vue中的路由组件router-view
box--小盒·2023-04-05 00:01

关于VUE-Router一些记录

点击这里去查看vue-routerrouter-view的使用时机router-view是我们router进入后需要渲染的内容呈现的空间我们来理解一下这个空间：pag
虾米不是鱼·2023-04-04 16:08

【前端Vue问题】keep-alive 页面activated不会发送请求。使用exclude属性排除组件注意事项

问题描述：当对页面APP.vue组件router-view标签使用了keep-alive之后在组件activated状态时不会发送请求，这时需要使用keep-alive标签的exclude属性排除需要重新发送请求的组件
itlu·2023-04-03 02:33

Vue中实现路由跳转的三种方式详细分解

函数3.添加到Vue.use()身上–注册全局RouterLink和RouterView组件4.创建路由规则数组–路径和组件名对应关系5.用规则生成路由对象6.把路由对象注入到newVue实例中7.用router-view
小马大咖·2023-04-01 19:25

vue技术栈实战开发（课程笔记)

2018-11-12更新Router（一）router-link和router-view组件路由配置动态路由{path:"/argu/:name",component:()=>import("@views
不困于情·2023-04-01 16:01

vue组件缓存，怎么更好的解决父组件进行缓存子组件不缓存

例如：是否可以父组件不缓存，单个子组件进行缓存或者子组件通过router-view形式引入，做到父缓存，子不缓存或者帮我出一个更好的布局或者嵌套方式网站地址：http
清哥1992·2023-03-27 02:15

手动实现简易的VueRouter

核心：实现前端路由（通过H5的hiostory.pushStateAPI实现）注册为vue插件实现原vuerouter插件的router-link和router-view组件let_Vue=null;exportdefaultclassVueRouter
汤姆威廉斯·2023-03-26 06:41

Vue新全家桶的工程化搭建

本次App.vue中如图2-2先留一个router-view即可，有很多项目会在App.v
苏茶茉芳_亚泽伊·2023-03-20 17:03

Vue左右滑动入场离场动画效果，以及使用keepAlive缓存页面

注意：缓存页面的隐藏显示，div层要用v-show来显示隐藏（v-show不会删除节点重新渲染），keep-alive里层的router-view再用v-if，这样能确保触发动画效果。
有点皮的小黄皮·2023-03-19 18:01

Vue 页面如何像App一样前进刷新，上一个页面保持缓存？

哪里需要缓存，把router-view组件使用keep-router-view来替换。
ByePast·2023-03-16 20:33

vue3 路由跳转&router-view

路由跳转router-link去登陆点击事件跳转去首页exportdefault{methods:{goHome(){this.$router.push('/home')}}}CompositionAPI跳转import{useRouter}from'vue-router'letrouter=useRouter()constgoHome=()=>{router.push('home')}route
violetta rua~·2023-03-15 05:56

vue项目打包后无法执行

虽然publicPath在其他情况下允许是相对路径，但是在使用History路由不能使用相对路径，这样会导致router-view不加载。引用官方原文：
ල᭄南拥໊夏栀໊໊໊ꦿ359·2023-03-13 23:02

vue项目--问题解答整理（持续更新中......）

App.vue里面的标签router-view特别重要，它决定了其他页面是否可以显示处理router-view组件是vue最核心的路由管理组件，vue项目最核心的App.vu
m0_46457497·2023-03-13 15:36

Vue3 router-view keep-alive

从一个页面跳转另个页面，再返回，第一个页面会重新渲染，如何能不渲染呢？也就用到了keep-alive。Vue3用法keep-alive属性“include，exclude”的使用注意：使用include，exclude属性需要给所有vue类的name赋值，否则include，exclude将不生效include值为字符串或者正则表达式匹配的组件name不会被销毁。exclude值为字符串或正则表达
i0S_毛_宇·2023-03-12 03:02

子路由配置以及vuex

在router/index.js中配置子路由在singer.vue中添加router-view在list-view.vue添加点击事件并向singer.vue触发一个事件在singer.vue中监听list-view.vue
xu丽_twilight·2023-03-11 13:32

Vue打包后白屏和router-view中引用的内容无法显示

原创声明本文系作者辛苦码字所得，欢迎分享和转载，但请在明显位置注明作者的如下信息：笔名：来碗鸡蛋面主页：https://www.jianshu.com/u/4876275b5a73邮箱：[email protected]：tom_wong666今天在工作中遇到Vue打包后白屏问题，问题分为两个阶段解决的，记录下来供大家参考。一阶段：打包后完全白屏，解决方法：修改在config文件夹
来碗鸡蛋面·2023-02-17 05:34

06【手写vue-router】实现router-view

原理：根据路由取到要展示的组件，然后用render函数进行渲染。myRouter.install=(Vue,options)=>{Vue.mixin({beforeCreate(){if(this.$options&&this.$options.router){this.$router=this.$options.router;this.$route=this.$router.routeInfo;
章音十·2023-02-03 01:02

Vue-router

在路由配置中绑定对应的路由组件即可constpage={template:``}constroutes=[{path:'/',component:page//一旦页面路由匹配了/那么vue就会把page渲染到页面的router-view
uhv_fc0e·2023-02-02 06:03

Vue如何让router-view默认显示页面

右边的区域用来显示对应的页面，因此都知道在右边放一个router-view然后配置路由即可。
肉肉要次肉·2023-01-29 14:51

router

html另一篇文章http://www.cnblogs.com/SamWeb/p/6610733.html客户端路由有两种实现方式：基于hash和基于html5historyapi.router-link和router-view
巴拉巴啦·2023-01-28 06:28

Vue Router简明教程

components)映射到路由(routes)，然后告诉VueRouter在哪里渲染它们本教程中vue是2.6+，vue-router3.2+，webpack4.42+///index.html要有router-view
li4065·2023-01-27 22:04

解决VUE报错 2018-08-25

/这样子才可以3.seller传进来了，但是报错获取不到，是因为需要在外层的router-view上传入seller,这样就可以在各组件中
TTTXTTT·2023-01-27 16:07

Vue-router

管理路径之间的切换，不同url对应不同的组件核心思想：在同一个页面根据url进行组件切换，类似动态组件,最终在router-view处出口路由一般最多3级版本对应:vue2对应v3.x|vue3对应v4
假以时日♪·2022-12-19 22:24

Vue路由+Tab组件实现多页签功能

在vue单页面应用中，当点击导航菜单时会切换路由，一般是在中间的router-view路由视图中直接显示对应路由的页面组件，那么本编就介绍一下如何使用vue路由配合tab组件实现多页签功能，打开一个新的菜单路由时变成弹出一个新的
·2022-12-19 21:10

带着问题阅读Vue-router源码并从0到1实现迷你版vue-router

概览router执行流程概览插件是怎么安装到vue的为啥router-view能显示内容怎么监听路由的变化监听到了路由变化之后怎么渲染对应的组件动手打造一个迷你版vue-routersimple-vue-router
magic-zhu·2022-12-14 15:31

vue3引入vue-router无法使用router-link、router-view组件

引入vue-router后，组件无法使用，使用报错弄了几个小时，网上找不到答案，后来直接删除node_modules文件夹，cnpmi，直接全部重装，就没有报错了，重装后没报错，可以正常使用，这应该是脚手架或者编译器的问题，无关代码，难怪网上没有这种问题的答案，大家的各种环境各不相同，自己碰到的问题很多人根本没碰到过。
cxy-Study·2022-12-02 21:35

el-menu动态加载路由，菜单的解决方案

先看需要实现的效果这里有一级也有二级菜单，注意二级菜单的父目录（”选项设置“点击不会跳转，只是展开目录），然后点击去详情页，需要跳到一个隐藏的路由，不在菜单展示的路由还有一点要注意，就是这里有两个router-view
天外飞鲜橙子哥·2022-11-24 08:18

路由 +vue脚手架

安装安装二、创建项目三、运行项目四、.vue文件五、什么时候用props六.什么时候用data七、spa一.1、Vue路由二、路由配置三、$route当前路由信息四、路由组件router-link切换路由router-view
社会你涛哥哥·2022-11-19 13:27

Vue路由+Tab组件实现多页签功能

在vue单页面应用中，当点击导航菜单时会切换路由，一般是在中间的router-view路由视图中直接显示对应路由的页面组件，那么本编就介绍一下如何使用vue路由配合tab组件实现多页签功能，打开一个新的菜单路由时变成弹出一个新的
·2022-11-16 23:38

vue 静态html 路由,vue路由教程之静态路由

首先在html中，引入vue-router.js和vue.js，用router-link触发路由跳转，router-link可以像a标签一样使用和定义样式router-view区域是路
文右·2022-11-14 08:30
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他