vue+element+单页面化开发

时间:2024-03-19 13:36:33

vue+element+单页面化开发

怎么设置子路由

1.设置子路由(说明他们有一个共同的‘爸爸’)
例如:博客页面的导航栏是每一给页面都有这样我们就可以把导航栏设置成父组件
vue+element+单页面化开发

思路:单独创建一个页面之储存父组件
vue+element+单页面化开发
如何再路由引入,如何再创建子页面(就是普通页面),只是再路由中区别一下就可以
vue+element+单页面化开发
然后再父组件中需要有一个展示子组件的位置和代码
加上<router-view />
vue+element+单页面化开发

最后一步如果你的导航栏是用element-ui上的组件NavMenu导航菜单写的可以利用index进行跳转
前提:必须再<el-menu :default-active=“activeIndex” class=“el-menu-demo” mode=“horizontal” @select=“handleSelect”>中加入router
vue+element+单页面化开发
vue+element+单页面化开发