vue怎样构建单页面应用中的二级页面?

应用中的一级页面是有带着一个固定的导航,而二级页面中不需要这个导航,请问我该如何实现这个二级页面?是通过路由链接进来然后用z-index覆盖上去还是用v-if控制显示然后覆盖上去?还是vue有别的方法来实现这一点?我看到一些说动态组件好像和这个有些关系,还有一些警告框也需要覆盖全屏做一个遮罩,和二级页面实现的方法类似吗?

阅读 7k
3 个回答

用嵌套路由可以实现,新建一个组件,里面放上子路由,子路由里面放组件,这个组件里可以随意加入任何东西。

动态组件有点夸张了,用vue-router加异步组件,看这个文档
http://router.vuejs.org/zh-cn...

警告框用普通js方式调用就好,没必要加到路由

一开始没有明白两位的意思,当时是想实现头部的复用,解决方法是整个app分为两个视图,哪个页面是用哪个视图就调用哪个,现在想来这种方式反而麻烦了也并没有实现复用,还是按照路飞兄的意思,第一个头部复用的视图分一个主路由,下面子路由再实现分页,二级页面复用另一个头部,再分一个主路由,然后其子路由实现不同的二级页面

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题