我找不到我的问题的答案,我认为只有 Vue.js 才有可能,但我不是 100% 确定。所以问题是。我希望用户从他的计算机中选择文件,它总是 json 文件。可以获取该文件并仅使用 Vue.js 使用它,或者我需要一些后端。
在我的应用程序中,我有一个组件通知。我通过 mixin 方法调用其他组件中的通知toast('message to display', 'color-variable')。我想要实现的是我的通知组件的背景颜色为“颜色变量”。问题是颜色变量是在 scss 文件中设置的。从 scss 代码中,我可以使用 function 获取它们color('color-name'),但是,我不知道如何从 vue 模板的 javascript 动态使用该 scss 函数。
我尝试通过:style="{'background-color': color(${notification.status})来实现此目的}",但它不起作用。有没有办法在视图模板中访问 scss 变量作为数据?