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

Nuxt嵌套路由官网上的API详解:点击链接

看了官网上的api实现了官网的案例你会发现访问父页面中只能显示父页面中的内容,要想默认的在区域显示一个页面内容怎么办?

Nuxt 嵌套路由nuxt-child组件(父子页面组件的传值)_第1张图片

Nuxt 嵌套路由nuxt-child组件(父子页面组件的传值)_第2张图片 

自己案例代码:

pages/parent.vue




pages/parent/index.vue





pages/parent/child.vue




pages/parent/child2.vue



效果如下:

Nuxt 嵌套路由nuxt-child组件(父子页面组件的传值)_第3张图片

Nuxt 嵌套路由nuxt-child组件(父子页面组件的传值)_第4张图片

Nuxt 嵌套路由nuxt-child组件(父子页面组件的传值)_第5张图片

 

你可能感兴趣的:(Nuxt.js)