router-view

vue引入路由——帮助管理页面跳转逻辑

新建文件AboutViews.vueHomeViews.vue3、配置独立文件新建文件夹router新建文件index.jshistory表示访问方式4、在main.js文件进行全局导入和挂载5、最后使用router-view
念衢·2022-11-13 12:57

vue3中keep-alive和vue-router的结合使用方式

router-view：vue-router内置组件，如果直接包含在keep-alive里面，所有路径匹配到的组件都
·2022-11-12 13:00

vue 刷新当前页面的方式

目录一、问题二、手动刷新当前页面1.方法一：v-ifrouter-view2.方法二：更改router-view的key值三、总结一、问题有时候需要手动刷新整个页面。
琹箐·2022-11-07 10:12

三年经验前端vue面试记录

router-link和router-view是如何起作用的分析vue-router中两个重要组件router-link和router-view，分别起到导航作用和内容渲染作用，但是回答如何生效还真有一定难度回答范例
·2022-10-31 09:31

react-router v6详解

router组件简单介绍使用Navigate组件来进行重定向v6中的Routes相当于v5的switchroute里面也可以嵌套子路由，可以使用Outlet组件来实现类似router-view的效果Route
left0ver·2022-10-17 07:41

vue3中keep-alive和vue-router的结合使用

二、vue2中使用keep-alive将“router-view”组件包含于“keep-alive”即可三、vue3中使用keep-alive四、keep-alive属性“include，exclude
大橘为重¨·2022-10-13 14:53

Router-view

Router-view也被称为路由的出口,今天我们就探讨下如何去使用路由出口。
曾许人间第仪流·2022-09-29 11:04

Vue中一个组件内使用多个router-view

Vue一个组件内使用多个router-view先看实例：不同的组件出现在对应的位置代码：Home.vueHOMEexportdefault{data(){return{}},}.main{width:60%
I'm Mr.C·2022-09-06 12:20

解决 vue 多条路由调用同一组件（页面）无法刷新问题

1、在router-view地方添加key案例：2、在调一同一个组件上注册函数案例：methods:{//其他处理事件},watch:{$route:{handler:function(val,oldVal
FG-幻辰科技·2022-08-25 07:13

神坑，vue中 router-view 无法渲染的问题！！！！！！

在创建路由实例对象时，路由规则数组是routes而不是routers！！！！！！！！//创建路由实例对象constrouter=newVueRouter({//routes是路由规则数组routes:[//每个路由规则都是一个配置对象，其中至少包含path和component两个属性//path表示当前规则匹配的hash地址//component表示当前路由规则对应要展示的组件,接收的是对象{pa
失忆症患者_·2022-08-21 18:39

Vue Router嵌套路由(children)的用法小结

嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套。
·2022-08-19 12:14

vue3中使用router4 keepalive的问题

vue2升级到vue3，路由也紧跟着升级到了4，然后在使用keep-alive的时候一直不生效，就去查文档vue2.x与vue3.0的App.vue配置有差异，在App.vue配置信息如下：vue2.x中，router-view
·2022-08-13 17:44

Vue3单页面多布局的实现

没找到方案，然后研究了一下vue-router和layout的关系，了解到多级路由和router-view嵌套其
jgku·2022-07-26 10:55

Vue的route-view子页面调用父页面的函数详解

目录route-view子页面调用父页面函数router-view解释下面就一一来解释一下命令视图：通常用在同时显示多个视图route-view子页面调用父页面函数最近写项目的时候，有一个模块需要刷新父页面最新后台数据
·2022-07-21 11:40

Vue封装一个Tabbar组件 带组件路由跳转方式

目录Vue封装Tabbar组件在App.vue封装路由跳转利用router-view的特性子组件Tabbar然后就是配置的路由从零开始封装一个Tabbar首先底部菜单栏最外层是一个div，代码如下封装完每一个
·2022-07-18 09:07

vue路由跳转了但界面不显示的问题及解决

目录路由跳转了但界面不显示路由明明配置好了页面还是不显示路由跳转了但界面不显示没有在父路由加上router-view，加上下面的代码即可。
·2022-07-09 19:50

antd pro vue 设置路由缓存，antd pro vue keep-alive 不生效处理

在router.config.js中修改为constRouteView={name:'RouteView',//render:h=>h('router-view')render(){constinKeep
·2022-07-06 15:58

Vue路由跳转的4种方式小结

$router.go(n)区别router-view实现路由内容的地方，引
·2022-06-12 13:10

vue地址栏路由改变，页面没有刷新接口不请求

所以在vue.app给router-view组件绑定个唯一的key，来保证路由切换时
一直小咸鱼·2022-06-12 11:50

vue路由篇之router-view内容无法渲染出来问题

目录router-view内容无法渲染出来Bug记录router-view没有被渲染起因排查错因router-view内容无法渲染出来最近在学习vue路由知识，在写到关于时，内容无法渲染出来，找了许久之后
·2022-06-05 18:41

vue-router嵌套路由方式(页面路径跳转但页面显示空白)

路由嵌套代码如下：查询相关资料，有两种解决方案1.path路径不用携带/（未解决）2.在home页面需添加router-view标签在home页面的template下添加后，用户页面占据了整个
·2022-05-25 13:49

vue中通过路由跳转的三种方式

router-view实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。
monikaH·2022-04-25 10:01

vue 实现局部组件刷新

在vue项目里想实现组件的局部刷新，我用到过的方法整理了一下：1、provide/inject方法使用v-if方法来控制router-view的显示隐藏在App.vue页面exportdefault{name
三个木马人·2022-03-24 12:48

vue——路由vue router

vue做的都是单页应用，只有一个主页面index.html，所以标签不起作用的，这就要使用vue-router来进行管理文章目录一.介绍二.创建组件三.router-view四.routes配置webpack
33的史努比·2022-03-20 06:25

Vue3中多层嵌套路由使用keepAlive时子页面二次初始化问题

背景标题写的比较抽象，我先描述一下场景首先我们的项目是需要Vue多层嵌套路由的，即router-view中使用的页面还会有router-view。
·2022-02-25 11:21

Vue项目详情页：keep-alive与路由的关系、activated生命周期函数、递归组件、css渐变色、动态路由跳转、keep-alive、每次进入页面默认从顶部开始、transition组...

CSS渐变色样式递归组件router-view是设置路由的，router-link是指定跳转到哪个页面的keep-alivekeep-alive会缓存组件，保存组件的渲染状态。
我的皎月闻越香_·2022-02-21 00:41

vue项目刷新当前页面

项目中需要一个提交完数据请求后，页面自动刷新的效果，在这里使用的是provide/inject组合方式首先，要修改下你的app.vue通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载
口红沾纸巾·2022-02-16 20:28

购物车组件

购物车组件goods.vue:要传两个参数配送费:derlivery-price起送费:min-priceapp.vue中的router-view要传递参数给子元素shopcart.vue接受参数当选中商品时左侧购物车图标和总和以及右侧都会发生变化所有的状态变化都依赖于
noyanse·2022-02-09 18:48

Vue实现页面的局部刷新(router-view页面刷新)

利用Vue里面的provide+inject组合首先需要修改App.vue。exportdefault{name:"companyManage",watch:{},provide(){return{reload:this.reload}},data(){return{isRouterAlive:true};},methods:{reload(){this.isRouterAlive=false;t
·2021-12-30 19:59

详解vue element plus多语言切换

1、在router-view上控制视图显示/隐藏2、在切换语言时调用reload3、需在main.js中调用
·2021-12-09 18:02

vue 路由视图 router-view嵌套跳转的实现

目录1、修改app.vue页面2、创建登录页面（/views/login/login.vue）2.1、在router/index.js中添加登录页面路由3、创建主页面（/components/index.vue）3.1、创建主页面路由4、修改首页4.1、开启菜单路由模式，并修改菜单跳转路径4.2、添加router-view5、创建两个子页面目的：实现功能：制作一个登录页面，跳转到首页，首页包含菜单
·2021-11-16 11:03

vue中router-view组件的使用详解

这个时候我们就需要用到路由中的router-view组件（也叫路由占位符）了首先我们来到需要切换不同组件页的页面，在自己需要的位置添加router-view组件Home.vue电商后台管理系统退出角色列表对应的路由为
·2021-10-25 11:06

超详细！Vue-Router手把手教程

1，router-view是一个功能性组件，用于渲染路径匹配到的视图组件。可以配合和使用。如果两个一起用，要确保在内层使用。如果设置了名称，则会渲染对应的路由配置中components下的相应组件。
·2021-08-30 10:37

vue-router的基本使用

基本使用1.导入js文件2.添加路由链接User-->UserRegister3.添加路由占位符(最后组件展示的位置)//只不过没有默认显示的组件：需要用到重定向router-view：路由-视图，显示用户点击的路由链接对应的组件视图
過尽千帆_YL·2021-08-26 13:55

vue router-view使用详解

一、介绍  router-view组件作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到。vue项目最核心的App.vue文件中即是通过router-view进行路由管理。
·2021-08-14 21:47

vue router-view的嵌套显示实现

目录一、路由配置二、vue页面嵌套三、嵌套联系一、路由配置constroutes=[{path:'/',name:'导航1',component:Home,children:[{path:'/customer',name:'Customer',//routelevelcode-splitting//thisgeneratesaseparatechunk(about.[hash].js)forthi
·2021-07-30 17:54

Vue项目实战---外卖app笔记

开启项目开发使用脚手架创建项目安装所有依赖/指定依赖开发环境运行生产环境打包与发布3.搭建项目整体界面结构stylus的理解和使用结构化,变量,函数/minxin(混合)vue-router的理解和使用router-view
WEXIA666·2021-07-28 09:48

vue-路由-0-传参-命名-子路由

先不使用单文件组件需求分析为什么用router有没有其他方式SPA单页不能刷新Historyapi/homehash#/home参看这篇文章前端路由基础根据URL显示对应的内容router-view数据响应式
云高风轻·2021-07-12 00:07

Vue Router 路由跳转到同一个页面，页面不刷新问题

手动更新数据watch:{'$route':function(to,from){//拿到目标参数to.query.id去再次请求数据接口this.onLoad(to.query.id);}}解决方案：2//使用router-view
Cherry丶小丸子·2021-07-09 16:32

vue之嵌套路由的使用

一、我们先来看下使用嵌套路由在router----->index.js里的配置，如图所示：图一二、这是我以前比较迷茫的地方，就是router-view的位置，到底在哪里加，什么时候加，这里我做一个详细的介绍以
18fa100a8459·2021-06-25 19:27

Vue刷新当前路由的方式（2）

并且算是终极解决方法了吧用provide/inject组合实现原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效在App.vue,声明reload方法，控制router-view
Sven0706·2021-06-25 03:12

vue源码--vue-router根据源码实现方式-造轮子

3、router-link和router-view是组件，需要去实现他。代码入下图：1、创建VueRouter类，实现构造函数，保存用户的路由。2
仰寒天·2021-06-21 05:03

vue 项目刷新当前页面

1190000017007631使用provide/inject方式原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效,在App.vue,声明reload方法，控制router-view
豌里个豆·2021-06-20 14:17

vue项目刷新当前页面

使用provide/inject组合原理:允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效在App.vue声明reload方法，控制router-view
PYFang·2021-06-15 10:48

路由 router-view

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮=>home内容，about按钮=>about内容，也可以说是一种映射.所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击home按钮，页面中怎么就正好能显示home的内容
Artifacts·2021-06-13 09:12

Vue.js 2.0从入门到放弃---入门实例（二）

就是这样的一个小的demo，其中主要用到了vue-router2.0和vue的单文件组件，这里再细分一下如下vue-router2.0定义路由配置router-view和ro
七月可乐·2021-06-05 08:20

017.Vue-Router（五）

文章目录01.关于router-view（1）组件配置（2）路由配置02.关于router-link（1）配置项（2）注册事件无效解决方法03.
Ruovan·2021-06-01 22:43

vue动画过渡-transition-标签

的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点我觉得vue官网说的挺详细了哈哈进入/离开&列表过渡vue3逼死强迫症router-view
MuYs·2021-05-19 16:17

vue3中创建一个login页面

1.创建vue3项目2.装element插件3.创建Login页面4.router/index.js是项目入口，路由指向Longin.vue5.App.vue在路由执行某个页面的时候都要通过router-view
圈圈圈小明·2021-05-02 00:26

Layout 和 嵌套路由

回顾一下默认项目代码，App.vue里在router-view上边有一行img引入了vue的logo图片如果我们项目足够的简单，比如只有一种layout，我们大可以在App.vue里就做好布局，但是我们要做的项目有
PaparAzzii·2021-04-24 15:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他