VUE用JS ES6特性 async await 处理请求接口数据 增 删 改

VUE用JS ES6特性 async  await  处理请求接口数据 增  删  改

  created() {
    this.getRoleList()
    this.getCompanyInfo()
  },
  methods: {
    async getRoleList() {
      const { total, rows } = await getRoleList(this.page)
      this.page.total = total
      this.list = rows
      console.log('11', rows)
    },
    async getCompanyInfo() {
      this.formData = await getCompanyInfo(this.companyId)
    },
    // 删除角色
    async delRoleList(id) {
      try {
        await this.$confirm('确认删除角色吗？')
        await delRoleList(id)
        this.getRoleList()
        this.$message.success('删除角色成功!')
      } catch (error) {
        console.log(error)
      }
    },
    // 点击编辑
    async btnisOk(id) {
      this.roleForm = await getupdateRole(id) // 实现数据回写
      this.showDialog = true // 显示弹层
    },

    // 点击提交
    async addbtnisOk() {
      try {
        await this.$refs.roleForm.validate()
        if (this.roleForm.id) {
          // 编辑操作
          await updateRole(this.roleForm)
        } else {
          await addRole(this.roleForm)
        }
        this.getRoleList()
        this.$message.success('操作成功！')
        this.showDialog = false
      } catch (error) {
        console.log(error)
      }
    },