vue路由，父子路由跳转，父页面隐藏

1. 路由配置

子路由的path不要加/
showfater用于显示隐藏父路由内容

{path:"/index",component:Index,name:"index",children:[path:"child",component: Child,name:"child",meta:{showfater: false}],meta:{showfater: true}
}

2. 父路由页面

要写router-view来显示子组件
在需要隐藏的父内容中使用$ route. meta.showfater来显示隐藏
跳转 this.$ router.push({name:" child"})

<template>
<div><div v-show="$route.meta.showfater">父路由内容</div><router-view></router-view>
</div>
</template>this.$router.push({name:"child"})

vue路由，父子路由跳转，父页面隐藏相关推荐

vue 子路由如何激活父路由_vue嵌套路由（父子路由）
配置父子路由关系,A.vue和B.vue是Main.vue的子组件: { path: '/main/', name: 'main', component: () => import('compo ...
关于vue.js 编程导航的使用：实现路由配置和跳转页面
本文主要讲述:通过vue.js 编程导航,实现路由配置和跳转页面的功能! 基础篇,仅作为简单演示. 总结不能保证用户一定会点击某些按钮并且当前操作,除了路由跳转以外,还会有一些别的附加操作(比如执 ...
vue监听路由的变化，跳转到同一个页面时，Url改变但视图未重新加载问题
vue监听路由的变化,跳转到同一个页面时,Url改变但视图未重新加载问题解决方法: 添加路由监听,路由改变时执行监听方法 methods:{fetchData(){console.log('路由发送 ...
VUE不同路由地址跳转相同页面，页面数据根据不同参数刷新
VUE不同路由地址跳转相同页面,页面数据根据不同参数刷新在<script></script>标签中增加监听,当路由发生改变时,重新调用查询数据接口, export defau ...
vue实现登录路由跳转到成功页面
一. 效果 1.未登陆之前 2.登录界面 3.登录之后路由跳转二.需求分析要求: 使用vue-cli搭建创建项目密码输入框有两个功能,当用户输入时候如果坚持caps lock处于开启状态. ...
window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递
name:路由 query:传递参数 const page2 = this.$router.resolve({name:'addHs',query:{hsCode:row.hsCode}}); var ...
vue——router更改路由地址，但是页面不能跳转
在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新. 如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求. 则此时要做的就是:更改路由地址,但是页面不能 ...
vue路由跳转刷新页面
1 . 路由跳转后地图上的数据不显示. 2 . 直接刷新整个页面. 首先呢,这次的bug是因为首页的地图显示出来了,可是地图上的数据没显示出来,而地图两边的前端数据又正常显示了.没有报错,根据警告上看 ...
vue子路由跳转回父级，刷新部分父页面接口，push跳转
首页要确定是否是路由跳转,不局限语父子跳转子页面返回写法 this.$router.push({path: "/",//上级页面的路径query: { key: this.$ro ...

vue路由，父子路由跳转，父页面隐藏

1. 路由配置

2. 父路由页面

vue路由，父子路由跳转，父页面隐藏相关推荐

最新文章

热门文章