嵌套路由nuxt-child组件(父子页面组件的传值)
链接:
nuxt文档
相关文章
1.创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。
这里在pages里新建一个fanil.vue、fanil文件夹


2.fanil.vue源码
Final Page
Go to /home Go to /index Go to /child Go to /child2
嵌套子页面内容区
3.子组件默认页面index.vue(pages/fanil/index)
嵌套子组件中的默认页面index.vue
4.child.vue(pages/fanil/child)
嵌套子组件中的页面child
foobar:{{foobar}}
5.child2.vue(pages/fanil/child2)
嵌套子组件中的页面child2
foobar:{{foobar}}
最终效果:

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