vue2 响应式变量作为参数传给函数

PEWS

于 2023-01-16 11:18:26 发布

阅读量338

点赞数 1

文章标签：前端 javascript html vue.js

本文链接：https://blog.youkuaiyun.com/weixin_43405983/article/details/128701992

版权

文章展示了在Vue.js中如何改进事件处理方法，通过传递变量名作为参数给通用函数，然后在函数内部动态修改对应的data属性值，以实现更灵活的代码复用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这样是不行的👇

<template>
    <div>
        <button @click="click1">btn1</button>
        <button @click="click2">btn2</button>
    </div>

</template>

<script>
import card1 from ***
import card2 from ***

data () {
    return {
        card1,
        card2
    }  
},

method: {
    
    click1 () {
        this.func(this.card1)
    }
    
    click2 () {
        this.func(this.card2)
    }
    
    // 通用函数
    func (card) {
        card = '***'
    }
}
</script>

需要修改成这样👇

this.func('card1')

func (str) {
    this[str] = '***'
}