编辑功能中，create-or-edit 的表单不需要重置按钮，通过 v-if 判断。

// create-or-edit.vue v-if=“!isEdit” >重置

编辑时，将要编辑的菜单项信息展示在表单中。

之前操作中分析过，getEditMenuInfo 接⼝在编辑功能时可以获取到菜单信息，添加时为空。 这⾥需要将动态路由参数传⼊，并给添加功能设置默认值 -1 将响应数据中的 menuInfo 赋值给 data 中的 data.form 即可（属性名是对应的）。 // create-or-edit.vue … async loadMenuInfo () { // 编辑功能合并后，处理接⼝id，默认值 -1 为添加功能使⽤ const id = this.$route.params.id || -1 const { data } = await getEditMenuInfo(id) // 如果存在 menuInfo，说明为编辑功能，更新展示数据 if (data.data.menuInfo) { this.form = data.data.menuInfo } if (data.code === ‘000000’) { console.log(data) this.parentMenuList = data.data.parentMenuList } } 由于添加与编辑是同⼀个接⼝，区别在于编辑时多了参数 id ，由于提交时传⼊的为 form 数据，编辑提交时就会⾃动包含id，所以提交操作⽆需处理，编辑功能完成