CSDN话题挑战赛第2期
参赛话题:学习笔记
我们在使用elmentUI组件时,使用额外的方法,来给组件添加自定义参数。
错误代码:
<el-input-number
v-model="num"
@change="numChange(myData)"
:min="1"
:max="10"
label="描述文字"
></el-input-number>
这里我们使用了el-input-number组件,使用该组件的 change 事件,调用自定义 numChange 方法,同时在改方法中传递 myData 参数,但是在 numChange 方法中却获取不到 myData。
通过查询组件方法,发现change 事件回调参数有两个: currentValue 和 oldValue 。
错误代码中,每次numChange中获取的参数都是 currentValue,于是想到了,通过传参的方法,先调用 change 事件,然后在 change 事件的回调函数中,调用自定义事件,并传递自定义参数就可以解决该问题。
正确代码如下:
<el-input-number
v-model="num"
@change="(currentValue,oldValue)=>numChange(currentValue,oldValue,myData)"
:min="1"
:max="10"
label="描述文字"
></el-input-number>