说一下需求:
el table展示库存信息,然后需要选择本次消耗的库存
名字和剩余库存不用多说,都是从后台拿来的
对于 本次消耗 中的input-number有几个注意点:
1、在最外层的table-column中,需要绑定prop,否则只能点击一次
2、slot-scope需要传入本行信息,否者获取不到本行信息,连着后面的v-model也不能实现
3、v-model绑定的是本行中的数据,如果绑定data中的值,则会导致脏数据,每一行数据都相同。
<el-form-item label="库存" >
<el-table :data="stock_options" style="width: 80%">
<el-table-column prop="name" label="名字">el-table-column>
<el-table-column prop="num" label="剩余库存">el-table-column>
<el-table-column prop="needNum" label="本次消耗" >
<template slot-scope="scope" >
<el-input-number v-model="scope.row.needNum" @change="inputChange(scope.row)"
:min="0" :max="50" label="描述文字">
el-input-number>
template>
el-table-column>
el-table>
el-form-item>