我试图将一个参数传递给我进入我视图的函数,以便在所述函数上运行代码 .
目前我有5个函数,它们基本上都做同样的事情,我正在尝试将它们重构为1,它接受我传递的值并执行一些逻辑 . 可能更容易解释我正在尝试用代码做什么 .
这是我在我看来的当前代码:
Manage
Fees
然后这是在 computed 下绑定到 class 的那两个函数:
lightBodyPurpleCardClassFix(){
switch (this.$vuetify.breakpoint.name) {
case 'xs': return '450px';
case 'sm': return this.mediumLightPurpleBodyCLassList;
case 'md': return this.mediumLightPurpleBodyCLassList;
case 'lg': return this.largeLightPurpleBodyCLassList;
case 'xl': return this.largeLightPurpleBodyCLassList;
}
},
darkBodyPurpleCardClassFix(){
switch (this.$vuetify.breakpoint.name) {
case 'xs': return '450px';
case 'sm': return this.mediumDarkPurpleBodyClassList;
case 'md': return this.mediumDarkPurpleBodyClassList;
case 'lg': return this.largeDarkPurpleClassList;
case 'xl': return this.largeDarkPurpleClassList;
}
},
我喜欢做的是传递一些参数,并在函数中使用这些参数 . 沿着这些方向的东西
Manage
然后在_1740066中使用这些:
classFix(color, value ){
doSomethingWithColor(color);
this.data = value;
};
color 和 value 是我将输入到我自己的代码中的参数,因此我可以使用1个函数调整类列表,而不是现在的少数几个 .
编辑:这是一些 data 元素的样子:
mediumPurpleCreateClassList: ['body-2', 'pb-3', 'pt-2', 'px-2', 'my_dark_purple_section'],
largePurpleCreateClassList: ['subheading', 'pb-3', 'pt-2', 'px-2', 'my_dark_purple_section'],
而我想要做的只是传递给函数 medium & purple & create 然后从这些参数中运行我的逻辑 .