【测试开花】六、项目管理-前后端-实现编辑功能

基于 springboot+vue 的测试平台开发继续更新。

今天实现项目列表的编辑功能：

• 点击【编辑】按钮，打开对话框，显示此条记录的信息
• 修改对话框表单内容，点击对话框【保存】按钮，更新此条记录

一、打开编辑页面显示数据

1. 编辑按钮

之前复制的 table 组件，里面带有 2 个按钮，修改其中一个为【编辑】按钮。

绑定一个点击事件handleUpdate(scope.row)，这个row就是当前这条记录的对象，可以加个console打印一下。

2. 编写 handleUpdate 方法处理数据外显

数据外显其实还是要查询出当前记录的项目名称和描述，再赋值给 form 表单即可。这里需要根据项目id(唯一性)来查询。

修改一下后端项目列表的接口，使其支持根据项目id查询数据：