首页 > 技术文章 > vue3使用delete

vaen 2021-05-11 11:17 原文

方法封装

/**
 * @returns {Promise}
 */
export function Delete(url, data = {}) {
  if (!checkIsLogin(url)) {
    return new Promise(() => {
    })
  }
  return new Promise((resolve, reject) => {
    axios.delete(url, data).then(
      response => {
        resolve(response.data)
      },
      err => {
        console.error(err)
        reject(err)
      }
    )
  })
}

接口调用

      let idArr = []
      ...
      let params = {
        id: idArr
      }
      this.$delete(this.$apis.get, { data: JSON.stringify(params) }).then((response) => {
        if (response.code === 1) {
          this.$success({
            title: response.message,
            okText: 'OK'
          })
          this.selectedRowKeys = []
          this.get()
        } else {
          this.$error({
            title: response.message,
            okText: 'OK'
          })
        }
      }).catch(err => {
        console.log('err:', err)
      })

说明,要使用data作为key

{ data: JSON.stringify(params) }

其他

1、将对象转换为JSON格式字符串

JSON.stringify(object)

2、将JSON字符串转换为对象

JSON.parse(jsonString)

推荐阅读