ElementUI table组件,表格组件,单击单元格可编辑逻辑
1、表格部分
<el-table:data="seatDataFilter"@cell-click="changeSort"><template slot-scope="scope"><el-inputv-model="changeSortVal"v-if="scope.row.seen"@blur="confirmSort(scope.$index, scope.row)"@keyup.enter.native="$event.target.blur":autofocus="scope.row.seen"></el-input><spanclass="sort-styl"v-else>{{ scope.row.sort }}</span></template><el-table>
2、方法部分
changeSort (row, column) {if (column.label === '排序') {row.seen = truethis.changeSortVal = ''ElementMsg(this, 'info', `选中排序值:${row.sort}`)} else {ElementMsg(this, 'info', `当前位置没有人`)}},confirmSort (index, row) {row.seen = false}