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不可编辑

}

巴特西

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

最新文章

热门文章