如何判断 Nuxt.js 组件中正在使用什么布局？

Question

我有两个 Nuxt.js 布局：default.vue 和 secondary.vue。这两种布局中都使用相同的 footer.vue 组件。我想根据组件所使用的布局来更改 footer.vue 组件内部的一些 CSS 类。如何知道嵌套在 Nuxt.js 布局中的组件内正在使用什么布局？

Answer 1

您可以使用以下内容：

this.$nuxt.$data.layoutName

这将返回所使用的布局文件的名称。