嘿!你知道如何在没有存储的情况下动态改变Nuxt的布局吗？

<template>
  <div>
    <button @click="changeLayout">切换布局</button>
    <component :is="currentLayout"></component>
  </div>
</template>

<script>
import LayoutA from '~/components/LayoutA.vue'
import LayoutB from '~/components/LayoutB.vue'

export default {
  components: {
    LayoutA,
    LayoutB
  },
  data() {
    return {
      currentLayout: 'LayoutA'
    }
  },
  methods: {
    changeLayout() {
      this.currentLayout = this.currentLayout === 'LayoutA' ? 'LayoutB' : 'LayoutA'
    }
  }
}
</script>