在el-table中使用el-input-number默认传值value
先写一个大家经常出现的问题
<el-table ...>
...
<el-table-column ...>
<template scope="scope">
<el-input-number v-model="scope.row.num" :min="1" size="small"
@change="handleChange(value,scope)"></el-input-number>
</template>
</el-table-colum>
...
</el-table>
methods: {
handleChange(value,scope) {
console.log(value,scope);
}
}
问题是value的默认被取代了导致的,所以我们要改变一下入参,废话不多说,直接上代码
<el-table ...>
...
<el-table-column ...>
<template scope="scope">
<el-input-number v-model="scope.row.num" :min="1" size="small"
@change="(value) => handleChange(value, scope)"></el-input-number>
</template>
</el-table-colum>
...
</el-table>
这样就解决了value找不到的问题
当在el-table中嵌套含有默认参数的方法都可以使用这样的方法!