vue.js - Nuxt 按按钮切换布局

标签 vue.js layout switch-statement nuxt.js

是否可以通过按钮动态切换布局?

我尝试过不同的方法,但没有一个有效。

data(){
   return {
     layoutName: 'default'
   }
},
layout: this.layoutName

我也尝试使用 Vuex

layout: this.$store.state.layoutName

最佳答案

我明白了。在 Nuxt 中,您可以使用以下方法以编程方式更改布局:

this.$nuxt.setLayout('Layout_Name')

关于vue.js - Nuxt 按按钮切换布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57698219/

相关文章:

ios - 根据 UISlider 值更改 UILabel 的案例语句

javascript - 组件渲染时 Vue JS 计算属性尚不可用

java - Android:如何给 LinearLayout 最大宽度?

javascript - 渲染一个复选框并根据从一个数据集到另一个数据集的值的存在来检查它

html - 如何在 td 中垂直拉伸(stretch) div?

android - Froyo 如何在主屏幕上显示对话框?

用于比较 HTML 按钮 id 的开关的 JavaScript "example"

function - 指向 MATLAB 函数的指针?

laravel - 如何在 vue 模板中引用 laravel csrf 字段

javascript - 组件不处理空 prop