Vue多级路由的实现

对Vue路由的配置不了解的看这篇文章:Vue-router 路由的基本使用-CSDN博客

 

一、配置children属性

注意:子路径不能带 ' / '

{

        path : "/父路径",

        component : 父组件,

        children : [{

                path : "子路径",

                component : 子组件

        }]

}

 Vue多级路由的实现_第1张图片

 

二、配置跳转路径 

注意:这里的完整路径是从配置路由的第一层路径开始

      内容

Vue多级路由的实现_第2张图片

你可能感兴趣的:(Vue,vue.js,javascript,前端)