after my page loads, there will be a sort number. 
 when I double-click the current row, the sort number will become editable and will be saved after losing focus. 
  
 
what do I do? I can get the id, of the current line, but how to edit the current line. My code
                <el-table-column prop="orderCount" label="">
                    <template slot-scope="scope">
                        <div  @click="chengenum(scope.$index)">
                        <span class="abc">{{scope.row.orderCount}}</span>
                        <el-input v-show="editable" v-model="grade"></el-input>
                        </div>
                    </template>
                </el-table-column>
                                editable:false,//
            chengenum(row){ //
                console.log(row)
                this.editable = true;
            },