Vue + Element table中的某行触发enter事件后，使该行disabled

Posted 2020-12-10 xintao

废话不罗嗦，上硬菜。

 

1.html下:

<el-table-column label="名称" sortable>
　　<template slot-scope="scope">　
　　　　<el-input v-model="scope.row.name" :disabled="Disabled[scope.$index]" @keydown.enter.native="Enter(scope.row,scope.$index)"> </el-input>
　　</template>
</el-table-column>

2.data--->>>return中：
　　

Disabled:[],     // 该行是否禁止编辑

3.函数中：

Enter( row,index){
　this.Disabled[index] = true,      // 使input不可编辑
}