router-view 第12页

Vue路由命名视图及路由组件切换

本来一个页面里面只能有一个路由视图对应一个组件，现在可以多个路由视图（router-view）对应多个组件。

友人CWH·2019-06-21 16:53

vue elementUI使用tabs与导航栏联动

不使用tabs标签页时，点击导航菜单，router-view映射相应的组件即可显示页面。

yc99·2019-06-21 10:23

vue路由带参跳转页面不刷新(两种方法)总结

路由参数变化但是页面没有刷新这是Vue的组件复用的默认处理方式解决办法：一：不想复用的话，就在父组件的router-view上加个key（不推荐使用）但是vue为了提高性能不建议每次跳转都刷新组件二：添加路由监听

LONGLONGAGO_RU·2019-05-30 11:12

60行代码实现一个迷你版Vue Router

这是一个超级精简版的VueRouter，实现hash模式下，hash改变组件切换的功能，原理就是利用了Vue.js的响应式机制触发router-view组件的重新渲染。

dora_zc·2019-05-17 22:00

Vue+iview+Echarts+electron 桌面应用

1）项目初始化（2）项目预览二、引入ivew+Echarts1、ivew+Echarts安装2、引入ivew+Echarts3、Echarts组件4、生成项目（1）打包页面显示空白（2）页面部分空白，router-view

zj19941113·2019-04-29 20:15

beego后端vue前端 nodejs前后分离

记录一下体验：vue整体体验很好，通过router和router-view可以很好的提高前端布局代码的复用性。对我这种不擅长写前端，每次写前端ctrl+c，ctrl+v的真的是非常的友好。

daxiaofan·2019-04-28 11:24

vue嵌套路由的使用

vue嵌套路由的使用前提开始路由嵌套前提首先创建一个有路由的项目，开始路由嵌套一开始有一个主路由router-view，但是我们想在子页面使用自己的路由进行操作，就需要添加嵌套一个路由，在index.js

nannanWEB·2019-04-09 17:16

如何用vue做一个二级联动

先来说说重点和思路：重点在于router-view的使用以及vue-router的配置，思路是两层children的嵌套。下面开始实现功能。

铲车环游世界·2019-04-09 13:04

vue之router-view组件的使用及二级路由

开发的时候有时候会遇到一种情况，比如：点击这个链接跳转到其他组件的情况，通常会跳转到新的页面，蛋是，我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。以饿了么订餐的情景来说吧，在同个页面，切换显示不同组件的相应内容，同时地址栏的地址是会变的参考图片首先我们在导航组件navbar.vue中写了三个导航链接，他们对应地址分别为：/food,/rating

Zxy_i·2019-04-02 22:48

Vue实现移动端页面切换效果

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。

易水人去丶明月如霜·2019-03-12 14:03

05-2 Vue项目初始化.md

浏览器打开http://localhost:8080，即可看到搭建好的初始界面image这个界面上部图片是app.vue里面的图片20190131100040.png下面不分是通过router-view

时修七年·2019-02-21 09:52

Vue 实现手动刷新组件的方法

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

南波·2019-02-19 11:29

vue-cli项目打包后router-view中的内容不显示问题

但是发现打包完的index.html文件打开后只显示了左边菜单栏，router-view中的内容却没有显示出来，而且控制台也没有报错。

Arlisol·2019-01-29 15:19

vue-router命名视图的使用讲解

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

muzidigbig·2019-01-19 12:39

Vue实现移动端页面切换效果【推荐】

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。

wenr·2018-11-13 08:22

vue中的router-view组件的使用教程

开发的时候有时候会遇到比如点击这个链接跳转到其他组件的情况,氮素，我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。比如我们在一个导航组件中写了三个导航链接，他们的地址分别为：/food,/rating,/seller,点击每个导航链接都会跳转到不同的组件，我们通过商品评价商家显示粗来的navbar就是这样的，在同个页面显示，地址栏也是变的，我们在i

luoyu6·2018-10-23 16:52

详解解决Vue相同路由参数不同不会刷新的问题

通常情况下我们喜欢设置keepAlive包裹router-view同时在created中触发请求，在路由参数不同的情况下并不会执行对应的操作。

bug开发·2018-10-12 15:30

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建vue项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化'，此时便可以派上用场了。可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：与相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远在this.$parent中找不到keep-alive。1.keep-

悠扬小Q·2018-09-25 14:52

路由

3、router-view标签是用来盛放链接对应的内容。4、路由的跳转例：.active{color:red;}首页用户页va

大宝贝_4c6e·2018-09-24 15:17

vue2 设置router-view默认路径的实例

在学习vue的时候，遇到很多问题，这里做一些总结，持续更新。今天说一个问题，就是在学习vue的时候，从之前的1.0版本升级到2.x的时候，遇到的问题。一个简单的设置默认路由。在vue的官方文档中，并没有对这个做出案例和解释，不知道是不是我没发现。反正这个问题算是遇到的小小的坑吧。原谅一个菜鸟，什么都不懂。在察阅文章的过程中，发现有前辈总结了这个方面的知识。具体实现如下：importVuefrom'

华洛·2018-09-20 15:56

vue实现同一个页面可以有多个router-view的方法

使用Vue+Element搭建项目的时候，为了避免一个页面过大，将tab里面的内容分成多个页面，并使用同级视图展示分别给router-view定义一个name，默认显示的可以不用定义然后在路由中定义components

蜡笔小心丶·2018-09-20 15:53

vue 刷新之后嵌套路由不变重新渲染页面的方法

解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染v-if默认为true。

哎呦喂1111·2018-09-13 09:20

provide / inject 组合实现刷新当前页

provide/inject组合方式是我试过最实用的，下面用项目截图给大家说明下：首先，要修改下你的app.vueimage.png通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载

饥人谷_米弥轮·2018-09-10 20:58

vue-router参数传递

name：路由的name与路径没关系，作用：meta：可以写任何你想要用到的东西，路由守卫详细说chiildren：是个数组，相当于子路由嵌套路由，/app路由的内容在APP.VUE中的router-view

Kuro233333·2018-08-29 15:59

vue动画过渡效果实现

title:vue动画过渡效果实现date:2018-08-1712:14:23tags:vue1.首先在父路由中添加transition标签并给其添加动态的:name属性然后用transition标签包裹router-view

前端阿龙·2018-08-27 19:20

vue路由嵌套，配置children嵌套路由

嵌套路由就是路由里面嵌套他的子路由，可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套//mine组件在mine的组件里面嵌套路由去到

前端小狮·2018-07-12 17:23

vue.js通过路由实现经典的三栏布局

经典的三栏布局效果图如下：三栏布局将布局的各个区块定义成组件头部区域侧边栏区域主体区域用router-view显示相应的组件定义路由规则letrouter=newVueRouter({routes:[{

闲睡猫·2018-07-08 23:35

vue.js通过路由实现经典的三栏布局实例代码

经典的三栏布局效果图如下：三栏布局•将布局的各个区块定义成组件头部区域侧边栏区域主体区域•用router-view显示相应的组件•定义路由规则letrouter=newVueRouter({routes

章鱼喵_·2018-07-08 09:37

vue vue-router传参，v-for与v-if结合遍历显示该参数对应的内容

问题描述：接着上一篇的router-view来讲，本次主要解决的是获取地址栏的http://localhost:8081/#/HelloWorld/engine/2中的参数id的值：2，怎样通过2来使用

ColourfulTiger·2018-06-09 11:14

Vue的路由vue-router

路由的使用大致分为四步路由即一个url地址对应一个组件1.书写路由的配置文件2.在newVue实例里面注入router3.在需要跳转的视图里面写router-link标签4.在需要显示路由进来的组件的地方写router-view

大仙爷·2018-06-07 11:56

详解vue-router 命名路由和命名视图

一、概述给路由定义不同的名字，根据名字进行匹配给不同的router-view定义名字，router-link通过名字进行对应组件的渲染。

侯婧欢·2018-06-01 08:55

vuejs2.0 选项卡效果类 tab插件

页面分为左右两部分左边就是选项右侧通过router-view动态加载相应的模块如何实现最上面图片根据路由跳转实现动态切换？

91金手指·2018-04-07 17:38

Vue2.0 给Tab标签页和页面切换过渡添加样式的方法

1.在app.vue文件中，将router-view包裹在transition中，transition加个name。2.在app.vu

yhyclelo·2018-03-13 15:45

vue2.0 路由不显示router-view的解决方法

今天学习vue2.0的router-view,爆出的错误不计其数，不知道哪位大神写的router-view,配置的参数竟然不是router，而是routes=_=||这是花了一上午整出来的main.js

zy1281539626·2018-03-06 14:05

Vue 嵌套路由代替iframe

技术要点Vuevue-routerhtml/css开始首先定义一个初始的界面，如下所示：HelloWorld.vue：在这个界面中我们点击foo就可以将router-view切换为我们定义的另一个组件。

浮云若飞·2018-02-08 13:19

vue几种组件传值

第二种：在路由中定义好组件，组件中含有children，页面上通过形式使用，也算是父子组件，当前组件为父组件，router-view路由的为子组件。（2）父组件的数据、方法传递给子

纯血前端攻城狮·2018-01-04 10:17

iviewUI使用中遇到的问题与解决方案（一）

在使用中遇到的问题总结了一些，后续会更新，如果各位大神有遇到的坑欢迎评论补充1、modal的样式要放到最外面，否则样式给不到；2、iview组件的事件@on-change=fn,fn后面没有‘(参数)’；3、router-view

驚鴻入梦·2018-01-03 17:59

vue饿了么webapp之router-view传值（深坑！！）（evenBus的使用）

首先，想要在app.vue组件里面请求获取到商品的信息seller，想把seller通过router-view传递给当前router-view所显示的组件good.vue，在good里面使用seller

chiuwingyan·2017-12-16 15:54

Vue实现一个页面缓存、左滑返回的navigator

前言本文将介绍如何在不使用vue-router提供的router-view的情况下，实现一个渲染路由对应组件的navigator控件，并逐步增加主副舞台区分、页面缓存、页面切换动画、左滑返回支持等功能。

weixin_34054931·2017-11-29 02:56

vue模块的用法

就是这样的一个小的demo，其中主要用到了vue-router2.0和vue的单文件组件，这里再细分一下如下vue-router2.0定义路由配置router-view和ro

baobeituping·2017-09-21 14:09

Vue Router解释

重点是这个以前我搞不懂这个router-view是什么，和router

CK星空·2017-08-18 12:45

六、vue如何缓存页面

在app.vue中将router-view使用keep-alive包起来，使用v-if来判断使用使用被缓存的组件，在keep-alive外面也需要写相同的router-view,用来处理不被缓存的视图组件

gunelark·2017-08-07 11:00

vue1升级vue2

body空白(router-view未显示)在webpack配置中添加下面的别名，如果不想使用独立构建即不添加下述别名，则记得使用vue-loader或vueify(注意其版本是支持vue2的)。

fangdong65·2017-06-12 18:38

vue-router 中router-view不能渲染的解决方法

在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。

ontheway1215·2017-05-23 09:20

商家页面seller.vue

/split/split';exportdefault{props:{seller:{//app.vue里面router-view会传入一个sell

线上猛如虎·2017-05-08 00:00

vue学习笔记：vue-router

嵌套路由上面例子中的router-view是最顶层的出口，渲染最高级路由匹配到的组件。但是同时一个被渲染的组件同样可以包含自己的router-v

gigi就是我·2017-03-15 11:37

更新了 router-as-view 组件

有点老调重弹了,写短一点,这篇文档介绍一下router-as-view组件的改进.组件前身是在简聊当中使用的router-view组件,独立实现的路由,由于我重构了的简聊Store方案,发现路由存在私有状态

题叶·2016-09-23 00:00

Router-view 背后的想法

原帖在论坛发了一遍http://react-china.org/t/router-view/2940什么是router-viewrouter-view是我为简聊开发的一个路由组件本来自己写的,后来用CoffeeScript

题叶·2015-11-05 00:00

推荐频道

router-view