以FormData的形式传参

时间:2025-04-08 15:17:01

以FormData的形式传参

1、普通传参
2、传参-数组

1、普通传参

1.1 data中的数据为数组,且只拿其中的一个

 const mNI = new FormData()
 mNI.append('id', this.upload.fileList[newIndex].banner) //id直接从data中一个个拿
 mNI.append('order', this.upload.fileList[newIndex].order)
 const { data: newRes } = await this.$http.post('/update', mobileNewIndex)

1.2 若data中的数据为对象,而不是数组 则可以这样写

const { picName, picLink, picOrder, editbanner } = this.editForm
        const editParams = new FormData()
        editParams.append('id', editbanner)
        editParams.append('name', picName)
        editParams.append('link', picLink)
        editParams.append('order', picOrder)
const { data: newRes } = await this.$http.post('/update', editParams)

2、传参-数组

      // 遍历需要传递的数据,放到test数组中
        let test = []
        for (let i = newIndex; i <= oldIndex; i++) {
          let data = {
            idBanner: this.upload.fileList[i].banner,
            order: this.upload.fileList[i].order
           }
           test.push(data)
           console.log(test)
         }
         const testData = new FormData()
         //遍历test,以FormData的形式传数组
         test.forEach(function (elem, index) {
           testData.append('idBanner', elem.idBanner)
           testData.append('order', elem.order)
         })
         const { data: newAddRes } = await this.$http.post('update', test)