Nuxt 配置动态样式表 [英] Nuxt config dynamic stylesheet

查看：58
本文介绍了Nuxt 配置动态样式表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我将如何根据点击的 UI 按钮动态加载样式表(在 Nuxt.js 中).

例如，我的 nuxt.config.js 中有这个:

let org = 'default';模块.出口 = {css: ['~/assets/sass/' + org + '/index.scss',]};

我省略了此块中的一些代码，但您看到的是回答我的问题所需的主要代码.

本质上，我有一个 UI 按钮，当我单击它时，我想更改 org 的值并让 Nuxt 加载该样式表代替 default一个.

我将如何去做这样的事情?

我还在我的主要 .vue 文件中修改了一些东西，如下所示:

出口默认{数据() {返回 {皮肤:'默认'，}},方法: {改变我自己() {this.skin = '其他';}},头 () {返回 {css: ['~/assets/sass/skins/' + this.skin + '/index.scss',]}}}

此外，我可以通过这样做来包含我的 default 皮肤: