【vue】如何根据变量名称获取此变量?

"本文探讨了在前端开发中如何高效复用handleMatCode方法,针对不同变量(matCode和catchMatCode)更新值的问题,介绍了两种方法:通过变量名直接赋值(this[name] = newValue)和使用字符串模板(this[`${name}
摘要由CSDN通过智能技术生成
<van-field v-model="matCode" @click="handleMatCode(matCode, 'matCode')" label="零件编号"></van-field>

<van-field v-model="catchMatCode" @click="handleMatCode(catchMatCode, 'catchMatCode')" label="零件编号"></van-field>

---------------------------
handleMatCode(value, name) {
	//……一些操作转换后需要将新的值写回
	this[name] = newValue
	this[`${name}`] = newValue
}

开发时经常会用到两个地方要用同一个方法,一般会复用同一个方法,对于不同处的值的改变涉及到把值传回的问题。
我们把变量用形参value传到方法里,但是我们不可能直接this.value直接写回,因为这相当于给全局变量value赋值。以下提供两个方法,通过变量名获取到我们要的变量并赋值。

方法一:this[name] = newValue

方法二:this[`${name}`] = newValue

注意this后边没有小数点哦~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值