需求:
Table中树形结构中children的count关联parent的count中并进行展示。
该组件用到Element的计数器(el-input-number)但计数器change事件回调参数有俩个值(currentValue, oldValue),该需求中change事件需要currentValue, oldValue以及行内数据来进行数据处理,而@change="numberChanger($event,scope.row)"中的$event只能传递currentValue,$event无法包括currentValue, oldValue。
解决方法:
在el-input-number的@change中运用箭头函数(IE不可用箭头函数,可以用匿名函数代替)
代码:
关键代码代码:
@change="function (currentValue, oldValue){numberChanger(currentValue, oldValue,scope.row)}"
el-table-colum 代码
<el-table-column prop="receiveBoxCount" width="120" label="到货箱数">
<template slot-scope="scope">
<el-input-number @change="function (currentValue, oldValue){numberChanger(currentValue, oldValue,scope.row)}" controls-position="right" v-model="scope.row.receiveBoxCount" :min="0" :max="scope.row.boxCount">
</el-input-number>
</template>
</el-table-column>