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不可編輯
}