1:直接在table里面家template:
<el-table-column prop="adhesiveTape" header-align="center" align="center" label="胶带(米)">
<template slot-scope="scope">
<span v-if="!editStatus">{{scope.row.adhesiveTape}}</span>
<el-input v-else v-model="scope.row.adhesiveTape" placeholder="请输入"></el-input>
</template>
</el-table-column>
2:editStatus:
//编辑
editData() {
this.editStatus = !this.editStatus
if(!this.editStatus){
this.insert = '编辑'
this.$nextTick(()=>{
this.getDataList();
})
}else{
this.insert = '取消编辑'
}
},
3:点击编辑:取消编辑
<el-button size="small" type="primary" v-if="status == '1' || status =='2' || status == '4' " @click="editData()">{{insert}}</el-button>