tab栏切换和新增编辑共用一个弹框

新增调用api----this.roleform

编辑=====id----this.roleform=res.data就可以数据回显了

如何公用一个弹框

1. 点击确定，需要判断是新增还是编辑，需要新增一个状态 isEdit，保存结果

   • 点击新增时，一定要把 isEdit 设置为 false

   • 点击新增时，一定要把 isEdit 设置为 true

   • 点击确定，根据 isEdit 值调用不同的接口地址即

1. 表单中需要的两个数据在表格数据中已经有了，不需要再次发请求去取了

data() {
  return {
    isEdit: false // 是否是编辑
  }
}

 // 添加角色按钮
  addRoleBtn() {
    // 是否编辑状态
    this.isEdit = false
    // 让弹框展示
    this.showDialog = true
  },

getroleid是获取当前这一行id的内容

 

 当点击编辑时由于有个这一行的数据所以会在roleform中多一个id

 

export function updateRole(data) {
  re