【vue element 表格嵌套输入框】实现表格某一列数据为用户手动输入

初步想法：嵌入input

<el-table-column
	prop=""
	label="实收数量">
	<template slot-scope="scope">
		<el-input placeholder="请输入" v-model="realQty"></el-input>
	</template>
</el-table-column>

缺陷1：此时所有的单据数量同时绑定同一个变量，导致一个变化其余行都跟着一起变化；

缺陷2：单独绑定变量这一列数据独立于表格tableData之外不好提交；

缺陷3：一旦给realQty赋初值，这一列直接不可编辑（数据改动不了一直是初值）；

解决思路：将‘ 单据数量 ’列塞到在表格的realQty属性里，不同元组就是不同的tableData[index].num；

// 第一种：
// 一定不要忘记prop，否则是塞不进去的；另外嵌套的是原生input;
<el-table-column
	prop="realQty"
	label="实收数量">
	<template slot-scope="scope">
		<input placeholder="请输入" v-model="tableData[scope.$index].realQty"></input>
	</template>
</el-table-column>

// 第二种：
// 限制输入必须是数字；实收数量realQty最大值不能超过库存数量matQty；
<el-table-column
	prop="realQty"
	label="实收数量">
	<template slot-scope="scope">
		<input placeholder="请输入" v-model="scope.row.realQty" type="number" :max="scope.row.matQty"></input>
	</template>
</el-table-column>