VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载

问题说明

登录与主页已经配置到路由中，通过app.vue中的<router-view></router-view>跳转。主页中使用菜单进行路由跳转时会更新整个页面

解决方法

主页中添加<router-view></router-view>标签，声明name属性

<router-view name="index"></router-view>

声明子路由时使用components,声明跳转到哪一个<router-view name="index"></router-view>

{name: 'renwushu/index',path: '/renwushu/index',meta: { title: '返回', icon: '' },components: {//index为声明的router-view的nameindex: () =>import ('@/views/model/renwushu/index')}}

VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载相关推荐

Vue(小码哥王洪元)笔记06路由，url的hash，history，router-linke，路由跳转，动态路由，懒加载，路由嵌套，router参数传递，导航守卫
1.什么是路由路由器提供了两种机制:路由和传送路由:数据报从来源到目的地的路径传输:将输入端的数据转移到合适的输出端路由有一个非常重要的概念教路由表路由表本质上就是一个映射表,决定了数据包的 ...
C#架构设计-程序运行时从xml配置文件中加载配置项并设置为全局变量
场景 C#中全局作用域的常量.字段.属性.方法的定义与使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/102550025 在 ...
Winform中设置DevExpress的RadioGroup的items从配置文件中加载
场景 DevExpress的RadioGroup的items选项如果是不确定的话,需要其从配置文件中加载. 实现在项目目录下新建Config文件夹,文件夹下新建xml配置文件. <?xml v ...
QWidget中加载QML页面并设置透明背景
要在QWidget中加载QML页面首先要用到一个很重要的类QQuickWidget 示例: m_pQuickWidget = new QQuickWidget(this);m_pQuickWidget ...
js跳转新页面，指定div加载新页面
1.在当前页面上跳转新页面 window.open('#要载入的界面'); window.open('graphReportController.do?list&id=dzdxz'); win ...
微信小程序开发实战基础一、页面跳转，底部导航栏，分享，加载图片标签，列表
1.页面跳转 wx.navigateTo({ url: "../four/four" })--可返回 wx.redirectTo({ url: "../four/four ...
img标签图片加载失败时兜底图的设置
对于c端应用,图片兜底非常重要,否则当后台没有返回图片,或者图片地址失效时就会出现下面这种情况: 最简单的方法时在img标签的onError回调中进行处理: <img className='re ...
在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App，唤起App进行导航
在H5中使用地图导航 1.腾讯地图: 2.高德地图: 3.百度地图: 1.腾讯地图: 调用方式: http://apis.map.qq.com/uri/v1/marker?marker=coord:l ...
解决开发qq音乐singer-detail组件时子路由跳转失败问题
错误现象:组件无法正确渲染原因:子路由路径写错,我写成了path:'/singer:id', 正确写法:path:':id', 因为子路由跳转时会自动加上父路由路径,所以不必写父路由

VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载

问题说明

解决方法

VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载相关推荐

最新文章

热门文章