javascript - 如何判断Nuxt.js组件正在使用哪种布局？

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

最佳答案

您可以使用以下内容：

this.$nuxt.$data.layoutName

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