近期学习前端的心得
1.如果你这一行的编辑权利在于你这一行的某个字段的值，你可以使用这样:disabled="scope.row.某字段 !== '某字段的值'"
2.如果你不想使用弹出框的形式来修改数据库，可以采用
- 对“某字段”列使用了
el-input，并绑定了v-model到scope.row.某字段，以便可以直接编辑。 - 使用
@change事件监听输入的变化，可以调用相应的方法（如update某字段）来处理数据更新。
如：
<!-- 可编辑的某字段 -->
<el-table-column label="某字段" v-if="columns[8].visible" align="center" prop="某字段" sortable width="130">
<template slot-scope="scope">
<el-input v-model="scope.row.某字段" @change="update某字段(scope.row)" size="small" :disabled="scope.row.另一个字段!== '已创建'" />
</template>
</el-table-column>
3.如果要数据库中有一个删除字段，是则表示删除，如果不在页面显示的话，可以这样
// 过滤掉 删除字段为 '是' 的项 this.List = response.rows.filter(item => item.删除字段 !== '是'); this.total = this.List.length; // 更新总数