Question

在Vue中执行此操作的正确方法是什么？

const brand = 'op';

switch(brand)
{
    case 'ed':
        <style lang="sass" src="./ed.css"></style>
    break;
    case 'op':
        <style lang="sass" src="./op.css"></style>
    break;
    case 'go':
        <style lang="sass" src="./go.css"></style>
    break;
}

我在Vue应用程序中有样式标签，但我知道我不能在脚本标签以外的部分使用该开关。

Answer 1

没有Vue方法可以做到这一点。 <style>代码不会使用src个属性。 <link>代码为only in the <head> section，Vue代价为<body>。

如果您有单个文件组件，并且您的css文件特定于它们，您可以创建一个定义组件功能的mixin，并且有三个组件都使用mixin，但每个组件都有自己的样式。然后，您可以使用dynamic component根据brand切换它们。

基于JS变量Vuejs加载CSS文件的最佳方法

1 个答案: