按钮相关

自定义表格删除行和添加行

删除行按钮绑定操作：

<el-button type="danger" @click="maintenanceInfo.splice(maintenanceInfo.indexOf(item), 1)">删除</el-button>

添加行按钮绑定操作：

<el-button class="ml-2" size="small" type="primary" @click="maintenanceInfo.push({ ...medium })">添加</el-button>

const maintenanceInfo = ref<any>([]) // 是一个响应式的列表数据

---

插槽 #default="scope"

在Vue 3中，#default="scope"是一种插槽（Slot）的使用方式。它用于接收具名插槽的默认内容，并将其赋值给一个名为scope的变量

这种方式可以让我们更灵活地使用插槽，并在父组件和子组件之间进行数据传递和操作

---

编辑、保存和取消保存按钮

一开始只显示一个编辑按钮，点击了编辑按钮后显示保存和取消保存按钮

<el-button type="primary" @click="editable = !editable" v-if="editable">取消保存</el-button>
<el-button type="primary" @click="modeSave">{{ editable ? '保存' : '编辑' }}</el-button>