嵌套路由nuxt-child组件(父子页面组件的传值)

链接:
nuxt文档
相关文章

1.创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。
这里在pages里新建一个fanil.vue、fanil文件夹
在这里插入图片描述在这里插入图片描述

2.fanil.vue源码


3.子组件默认页面index.vue(pages/fanil/index)



4.child.vue(pages/fanil/child)




5.child2.vue(pages/fanil/child2)




最终效果:
在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部