调用接口返回数据的几种方式

接口假设为aaa
调用接口返回数据(方式一)

 async getList () {
      let { data } = await aaa(this.filterData(Object.assign(this.param, {
        pageNum: this.page,
        pageSize: this.pageSize
      }))
      this.List = data.results
    },

调用接口返回数据(方式二)

 async bbb ({ data }) {
      this.$confirm('确认?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        await aaa({ data })
        this.$message({
          type: 'success',
          message: '成功!'
        })
        this.List()
      })
    },

调用接口返回数据(方式三)

   
                 
                
    
  
 bbb () {
      this.$refs['aaa'].validate((valid) => {
        if (valid) {
          let param = JSON.parse(JSON.stringify(this.param))
          aaa(param).then((res) => {
            if (res.code == 200) {
              this.$message.success('成功')
            }
          })
        } else {
          return false
        }
      })
    },

调用接口返回数据(方式四)

 bbb () {
       aaa({
         ccc: this.ddd
       }).then((res) => {
         if (res.code == 200) {
           this.ttt = res.data
         }
       })
     },

你可能感兴趣的:(前端工作笔记)