router-view

vue-router嵌套路由，二级路由。

嵌套也就是路由中的路由的意思，组件中可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套，在vue组件中使用就可以了。
weixin_30770495·2020-07-08 14:40

vue中使用el-menu和router-view实现菜单强同步

1、问题背景：父组件：一个框架页面，里面有菜单及网站总体框架；子组件：一个菜单具体页面在点击菜单进行路由跳转的这个过程中是你自定义了一些同步路由变量的逻辑代码，现在想想如果你略过这个菜单去发生路由跳转的时候，也就是说如果通过浏览器的返回操作，跳转到了之前的网页或者前进到下一个网页，如何做同步呢？该怎么同步这个菜单与页面呢？2、解决思路：当然，想到的方法可能有1、浏览器API里有没有检索到路由变化的
高胜超·2020-07-08 10:42

路径可以切换，但是router-view标签内容不显示问题

在写一个简单demo的时候，发现点击router-link标签以后，地址栏的路径已经发生改变，但是router-view标签的内容就是显示不出，而且没有报任何错误，配置步骤该有的都有了，然后坑爹的地方来了
qq_44209563·2020-07-08 03:50

router-view组件中设计的父子组件传值

router-view子组件发生变化导致父组件发生改变1.router-view子组件->父组件传递父组件中：showMsg(val){//val即为子组件传过来的值console.log(val)}子组件中
yy_33404590·2020-07-07 21:37

vue router-view 多个视图嵌套 和 命名router-view

多个router-view视图嵌套：1，除了app.vue中的router-view之外，还有其他的嵌套在router-view中的router-view视图，子路由写在router.jschildren
yangliwei.top:88·2020-07-07 21:08

vue项目中如何使用keep-alive缓存组件

一、开启keep-alive在这里keep-alive配合了router-view使用，keep-alive本身是vue2.0的功能，并不是vue-router的，所以在vue1.0版本是不支持的。
m0_37799877·2020-07-07 16:57

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

简单记录，预计于7.20日前完善router-view实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。
余光、·2020-07-07 11:06

vue 主要功能代码

1.路由：htmlrouter-link触发的超链接，底层会转成a标签router-view相当于ng-viewjs1、定义组件(不要注册)2、创建路由对象，设置路由规则（注册组件到路由中）目的:触发了谁
花开有声是我·2020-07-07 08:13

vue导航栏/公共组件在部分页面显示，部分页面不显示的方法及其原理

方法：router-view结合$route.meta代码：APP.vue中：importnavTopfrom'@/components/common/nav.vue';exportdefault{name
Oralinge·2020-07-06 23:56

vue-router的使用以及js如何跳转页面

实例关联起来指定路由匹配的组件展示的位置router-viewDocument.footer{position:absolute;bottom:0;}这是头部登录页注册页列表页-->登录页注册页列表页//指定路由匹配的组件展示的位置router-view
灯光下的投影·2020-07-06 17:27

vue使用路由在兄弟组件间参数传递

根组件App：router-view的注意点在代码中已经注释。
一头浓密的黑发·2020-07-06 06:30

redirect，router-view,

1.重定向问题redirect的简单使用用户在输入网址的时候，可能会有输入错误或者我们没有设置相应的页面，这个时候我们可以利用重定向对用户设置的网址做以改变，{path:'/*',redirect:'/movie'}2.router-view参考代码的时候发现如下代码：-->不知道什么用，然后就把他删了，再后来发现我写的东西哪儿去了，这个有什么用？最后找到了一张图使我豁然开朗：也就是我写的东西被我
帐妖·2020-07-06 05:12

子传父 vue-router

组件router-link相当于超链接，to属性相当于超链接的href属性，最终会被解析为超链接、router-view用于加载路由对应的组件，显示模板内容
苏城酒客·2020-07-05 21:08

vue2.x跨组件调用router-view组件内的函数的方法

blog.csdn.net/silent_missile/article/details/91128221介绍了如何跨组件，由激发组件通过emit事件，再通过父组件转发到目标组件来调用但是如果目标组件是router-view
silent_missile·2020-07-05 12:14

vue实现详情页返回列表页，数据不加载且页面原有位置不变

1.实现页面的不重新加载使用vue的keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们，也就是所谓的第一次进入页面加载，返回等第二次进入页面不加载app.vue：router-view
南张门·2020-07-04 17:02

router-link 与router-view

在Vue中这两者相互依存,router-link对应html中的a标签,但是与a标签不同的是,跳转的时候并不会刷新页面,而router-view相当于router-link的承载页面,用于展示router-link
ZH_TX·2020-07-04 09:09

vue-router通过url传递参数给组件的props

//router-view指定name//路由跳转地址页面bvuecvue//routes.jsimportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
huipo22·2020-07-04 00:20

vuejs2.0 vue-admin-cms

router-view路由切换时都会重新渲染触发钩子真实的业务场景中，这种情况很多。
kingrome2009·2020-07-02 06:14

Vue-cli3.0+typescript 父子组件传值，兄弟组件的传值，router-view的传值

Vue-cli3.0+typescript父子组件传值，兄弟组件的传值，router-view的传值父组件给子组件传值父组件内子组件内子组件给父组件传值子组件内父组件内兄弟组件传值router-view
你海哥哥·2020-06-29 09:37

Study Day38 11.20

在单页面应用程序主要通过url中的#号(hash)完成不同页面的切换称为前端路由在Vue中使用Vue-router1.引入类库vue-router2.创建a标签改变URL地址3.使用router-view
咸咸的小鱼干·2020-06-29 07:30

vue同一个页面可以有多个router-view使用

vue同一个页面可以有多个router-view使用重点，在{path:'/',name:'Veaflet',meta:{title:'Veaflet'},components:{default:Veaflet
先来个小漩涡·2020-06-29 07:07

VUE 返回上一页 不刷新页面

这里我介绍的主要是两种缓存某个页面的方法fang方法一（页面只刷新一次，任何页面跳转到这个页面都不刷新）直接在你的router-view标签外面包一个keep-alive加include="组件名称"这时候匹配到的组件就会值加在一次
Hwf_·2020-06-29 04:06

Vue—router-view组件使用方法

router-view可以嵌入一个组件，组件内部又可以写router-view嵌入组件，因此可以通过router-view实现组件嵌组件；以饿了么订餐的情景来说吧，在同个页面，切换显示不同组件的相应内容
水中有花，花需耕耘·2020-06-29 04:25

vue刷新页面及路由跳转到同一页面的刷新问题

$router.go(0)二、路由跳转到同一页面不刷新（页面内的路由跳转）下面展示了一个vue组件的跳转逻辑，通过router-view的key不断更新，确保每次跳转到的路由好像是不一样的，实现每次进行路由跳转都会刷新
想要飞的鱼儿·2020-06-29 04:25

vue中路由跳转的三种方式 简洁易懂

vue中路由跳转的三种方式简洁易懂router-view实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。
皮皮灬虾·2020-06-29 02:33

vue+element 学习之路（七）嵌套路由，控制路由地址

子路由的视图显示在他的父路由组件中今天自己做的这个简单的例子里就用到了嵌套路由的做法路由配置：router.js文件夹路径，画个图方便理解而两个组件login.vue和register.vue的内容都将在index.vue中的《router-view
倔强的啊强·2020-06-28 22:27

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

一共分三步：给router-view添加keep-
weixin_34380296·2020-06-28 18:11

VUE router-view key 属性解释

router-view作用，你可以router-view当做是一个容器，它渲染的组件是你使用vue-router指定的。
weixin_33795743·2020-06-28 05:00

vue组件重新加载（刷新）

vue组件重新加载（刷新）第一种方法：利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法exportdefault{data(){return{isRouterAlive:
weixin_30568591·2020-06-27 21:40

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

blog.csdn.net/qq_40072782/article/details/82533477router-view实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view
weixin_30566149·2020-06-27 21:03

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

由于router-view是复用的，单纯的改变id号并不会刷新router-view，而这并不是我们所期望的结果。当然，我们可以在点击事件上加上router.go(0)，强制刷新整个页面来满足效果。
吃土的小此方·2020-06-27 20:37

vue学习（四） vue-loader vue-router vue-cli

下载vue-router，在页面中引入相关的模块具体使用代码过程：首先引入vue和vue-router在html里写相关的链接，这里链接还是通过a标签来定义，但是通过v-link来绑定链接的地址再通过router-view
sJohnny·2020-06-26 06:16

vue路由的定义、起始页面、切换、高亮显示

2.理解router-view元素的占位符的作用HTML代码：Title.router-link-active,.myActive{color:cornflowerblue;font-weight:bold
何迟·2020-06-25 22:44

vue + element 动态面包屑

两种思路1平级路由，通过添加meta来做面包屑2嵌套路由，通过新增router-view做切换注：因为是后台管理系统，左侧有一个sidebar，所以在实现上会比没有sidebar的更复杂面包屑采用elementui
七月蜗牛·2020-06-25 12:35

vue的keep-alive组件清除缓存

在路由文件配置meta.keepAlive:{path:'/List',name:'List',component:List,meta:{keepAlive:true}}修改App.vue的router-view
风雪夜过客·2020-06-24 23:49

vue之router-view组件的使用

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

【vue】路由不变的情况下，刷新页面

那么就是说后台数据发生了改变，但是前台的数据并没有实时的更新（每次操作完后台把列表数据重新返给你例外，但是这样的话每次交互的数据量就偏大了）背景2：在使用动态路由配置/detail/:id这样的情况下，由于router-view
不想写代码的码农·2020-06-24 07:36

vue elementUI使用tabs与导航栏联动

不使用tabs标签页时，点击导航菜单，router-view映射相应的组件即可显示页面。
yc99·2020-06-23 10:26

何时需要给router-view组件绑定 key

由Vue文档-动态路由匹配部分可知：当使用路由参数时，例如从/user/foo导航到/user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。复用组件时，想对路由参数的变化作出响应的话，你可以简单地watch(监测变化)$route对象或使用2.2中引入的beforeRouteUpdate导航守卫。由
林雨静·2020-06-23 10:20

用vuex实现的两个小应用

vue-router/axios/vuex这些都用上了，还用了一下bootstrap，数据用json-server模拟写的时候发现一些问题，记录的一些点1.对模块进行划分，导航是固定在顶部的，中间的内容部分使用router-view
风间澈618·2020-06-23 01:29

实现简版vue-router

/***mode*router-link*router-view*this.$router*this.
波帝伯爵·2020-06-21 21:36

vue 侧边栏跳转路由配置

成果项目中用到了点击侧边栏的跳转，所以记录下来，方便有需要的人用到~（1）在main.js文件中引入路由（2）修改App.vue：由于App.vue文件是组件入口，因此，在App.vue中写入组件后，路由匹配到的组件将会渲染到router-view
＊且听风吟·2020-06-21 21:59

vue vue-picture-preview 图片预览插件

save2..vue文件中引用：importvuePicturePreviewfrom'vue-picture-preview'Vue.use(vuePicturePreview)3..html文件中router-view
Blind......·2020-06-21 15:24

（1）vue入门--目录讲解

vue实例，并把实例挂载到id=app上,这个id=app会映射到app.vue（创建）3.启动时，首页加载index.html，根据id=app找到app.vue（使用）4.在app.vue里，根据router-view
单车欲问边·2020-06-21 01:13

关于vue的多页面标签功能，对于嵌套router-view缓存的最终无奈解决方法

最近写我自己的后台开发框架，要弄一个多页面标签功能，之前有试过vue-element-admin的多页面，以为很完美，就按它的思路重新写了一个，但发现还是有问题的。vue-element-admin它用的是在keep-alive组件上使用include属性，绑定$store.state.tagsView.cachedViews，当点击菜单时，往$store.state.tagsView.cache
菜工·2020-06-01 09:00

Vue简单路由封装

vue3.0+cli配置vue-router1安装npminstallvue-router1.使用router-view标签设置路由显示层(一般会写在App.vue文件)2.配置routes（路由路径）
无名小厨·2020-05-05 20:44

vue和<router-view>绑定

当项目存在多个router-link和router-view的时候，如果给他们做相对应关系的呢1.找到对应的router文件constdemoIndex=()=>import('@/views/demo
周海伦·2020-04-10 11:52

2018-08-16使用router-view同页面加载多路由

描述：用路由方式实现单页面加载多页面，并且切换页面后状态还是保存的，类似于单页面实现标签页，切换标签页实现内容显示隐藏。正常情况是（1）把其它页面作为组件形式先引入，然后动态切换组件标签；亦或者（2）直接路由跳转到目标页面；（1）的情况需要预先引入所有组件。（2）的情况路由跳转了，想保存其它的页面需要写状态保存。importcodeDictManagePagefrom"xxxxx"//路由配置ro
重新改的名字·2020-04-06 12:26

堂外堂项目复习

文件的目录结构目录结构main.js中创建一个vue实例，引用了APP组件newVue({el:'#app',router,template:'',components:{App}})APP组件中，使用router-view
GpingFeng·2020-03-28 09:15

路由之章

路由--按照path变换，router-view里面的组件变换创建一个路由对象吧VueRouter({routes:[]})挂载到我们vm上面吧router-view参数--获取路径后面的参数在路由规则
独步西行·2020-03-28 00:48
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他