主页跳转到我的页面(My.vue),‘我的页面’又有很多子页面,点击子页面显示对应内容。
在这里插入图片描述
在这里插入图片描述
方法一:
在router/index.js里:
引入组件(路径因人而异):
在这里插入图片描述
然后进行配置(其余子组件同orders写法):
在这里插入图片描述
在父组件(此时二级路由的父组件为My.vue)的根标签里写出口<router-view></router-view>
在父组件里,可以用v-for遍历配合自己写的method实现路由,比如:
在这里插入图片描述
data里定义一个lists:
在这里插入图片描述
点击时,执行方法,动态传路由路径:
在这里插入图片描述
方法二(未完待续):
在router/index.js里:
引入组件,子组件写在父组件的children里:
使用children写子组件遇到问题,就是在我的页面点击子页面的时候,浏览器显示路径变了,但是展示为空白页面。
这个还没有找到解决办法。

Logo

前往低代码交流专区

更多推荐