本文介绍了Nuxt.js-在页面中添加两个布局的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是Nuxt.js的初学者，我正在将Vue的一个项目转换为Nuxt.js，我想在一个页面上使用两个布局(默认布局和另一个布局)。逻辑是这样的：
第一个布局是所有页面上的(默认)或页眉，第二个布局是设置栏。
在设置页面中，我有3条路线(参见项目结构：image)：
- 设置/头像
- 设置/帐户
- 设置/关于
我希望三个路由的设置栏相同。我可以将设置栏添加到所有三个子页面，如：layout: 'settings-bar'，但无法设置标题布局。在我的Vue项目中，我只使用了设置页面：设置栏组件和下面的<router-view></router-view>来更改组件。你知道我该怎么做吗？在文件里什么都找不到。请查看此处的其他屏幕截图以更好地了解：
推荐答案
不可能在一个页面上有多个布局。但是，您所描述的内容可以使用Child Components进行管理。
这篇关于Nuxt.js-在页面中添加两个布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！