about dynamic switching layout about surmon.me HOT 6 CLOSED

@haoxl3

nuxt.js 中 layout 不仅仅是一个字符串，而是对应的 layouts 里的模板，你没有对应的模板，则必然找不到了。

1. 如果使用 nuxt.js 的 layout 则需要模板，不必维护所谓的“变量”
2. 若不使用，则可以在根组件自行根据“变量”来渲染元素

from surmon.me.

我有对应的模板，vertical及horizontal这两个模板都可以正确使用，如果我单个这样写layout : 'vertical'或者layout : 'horizontal'都是能渲染出来的。但现在需求是要通过页面的一个按钮来动态切换这两种布局，所以我的做法是通过切换layout的值来做到，但现在获取了值后赋给layout时总说这个值未定义，但我在computed里是能获取到的

from surmon.me.

你可以这样测试，测试一个猜想：在 layout 被读取并应用之前，computed 是还没有被实例化的。

把

layout : 'horizontal'

更换为

layout : (function() { console.log(this); return 'horizontal' }())

如若成立，则“将layout保存在 store ”这条路是行不通的。

from surmon.me.

我刚试过了，layout : (function() { console.log(this); return 'horizontal' }())这样写输出了undefined，页面是按horizontal渲染出来了。但是如果不把layout保存在store里面怎么做到其它所有页面都可以取到值？大神有其它思路来实现这个需求的么？

from surmon.me.

换个说法：“layout 不支持动态变更”。所以用自定义“layout”来实现吧，像我一样。

from surmon.me.

嗯，正在研究您的代码，非常感谢您的指点

from surmon.me.