Vue + Element table中的某行触发enter事件后,使该行disabled
废话不罗嗦,上硬菜。
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不可编辑 }