el-table中嵌入el-input无法编辑数据的问题
最近在写一个在表格中修改表格数据的需求。
正常在表格中嵌套el-input,但是无法编辑保存数据。
后来发现是数据其实保存了,但是页面上没有更新。通过以下方法得以解决
以下是部分代码,有需要可以自己补全
<el-table-column label="图片名称" align='center'> <template slot-scope="scope"> <el-input v-model="scope.row.user_name" @input="onExchange(scope.$index)" placeholder="请输入图片名称"></el-input> </template> </el-table-column>
onExchange(index){ let moment = this.uploadList[index]; // 此处的uploadList为自己的table表格绑定的data数组 this.$set(this.uploadList, index, moment); }
使用以下方法,即可完成在表格中嵌套input并修改的效果