vue 如何配置子路由

 时间:2024-11-04 08:14:22

1、首先我们在vue的router里面的index.js配置父模板(父页面)信息,通常父模板也是一个vue文件。

vue 如何配置子路由

2、父页面就是一个普通的vue文件,里面需要包含router-view元素,这样才能实现父页面到子页面的跳转。

vue 如何配置子路由

3、在vue的router里面的index.js增加子对象(子页面)信息,需要给父对象垢卜埂呦增加children属性,里面包含基本信息如path,name等信息

vue 如何配置子路由

4、对应每个子对象信息,在index.js中通过import命令引入相应的页面即可。

vue 如何配置子路由

5、在父页面的模板页面中,可以通过router-link标签跳转到相应的路由页面。

vue 如何配置子路由

6、一般父页面有一个访问path,子对象也有一个path,在访问子对象时一般通过父页面path/子对象path来访问。

vue 如何配置子路由
  • QTP自动化测试工具之于医疗软件
  • js如何获得radio单选项的值
  • 怎么给span标签赋值
  • js如何实现等待1秒后执行一个事件
  • 如何设置a标签打开一个新页面
  • 热门搜索
    qe是什么意思啊 铭记的意思 万籁俱寂的意思 不可名状的意思 办理结婚证需要什么证件 肆无忌惮的意思 体裁是什么意思 什么是隐翅虫 汽车轮胎什么牌子好 fresh是什么意思