vue+element+单页面化开发

vue

vue+element+单页面化开发

怎么设置子路由

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

思路:单独创建一个页面之储存父组件

如何再路由引入,如何再创建子页面(就是普通页面),只是再路由中区别一下就可以

然后再父组件中需要有一个展示子组件的位置和代码

加上<router-view />

最后一步如果你的导航栏是用element-ui上的组件NavMenu导航菜单写的可以利用index进行跳转

前提:必须再<el-menu :default-active=“activeIndex” class=“el-menu-demo” mode=“horizontal” @select=“handleSelect”>中加入router

以上是 vue+element+单页面化开发 的全部内容, 来源链接: utcz.com/z/376591.html

回到顶部