Javascript 如何判断Nuxt.js组件中使用的布局？

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

您可以使用以下选项：

this.$nuxt.$data.layoutName

---

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

您可以使用以下选项：

this.$nuxt.$data.layoutName

---

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

您可以传递类型属性或其他内容，具体取决于使用页脚的组件。因此，在default.vue中，当渲染footer.vue时，为其指定一个名为“default”的道具类型。与secondary.vue相同。然后在footer.vue中检查道具类型并在那里更改css。@IsaacVidrine我用vuex做了类似的尝试。但是，在加载布局时，如何创建生活方式挂钩？挂载和创建在布局中不起作用。生命周期方法属于组件的逻辑，因此您当然不能在布局中使用它们。但这应该无关紧要。只需将属性传递给footer.vue？您可以传递类型属性或其他内容，具体取决于使用footer的组件。因此，在default.vue中，当渲染footer.vue时，为其指定一个名为“default”的道具类型。与secondary.vue相同。然后在footer.vue中检查道具类型并在那里更改css。@IsaacVidrine我用vuex做了类似的尝试。但是，在加载布局时，如何创建生活方式挂钩？挂载和创建在布局中不起作用。生命周期方法属于组件的逻辑，因此您当然不能在布局中使用它们。但这应该无关紧要。只需将属性传递给footer.vue？