vue传函数到java_Vuejs将参数从body传递给函数,就像纯JS一样

我试图将一个参数传递给我进入我视图的函数,以便在所述函数上运行代码 .

目前我有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 然后从这些参数中运行我的逻辑 .

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值