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