Vue3.0 axios post 传对象时踩的坑

最新推荐文章于 2024-08-21 04:34:56 发布

weixin_44112924

最新推荐文章于 2024-08-21 04:34:56 发布

阅读量3.2k

点赞数

分类专栏：踩坑总结文章标签： vue axois post传对象嵌套对象

本文链接：https://blog.csdn.net/weixin_44112924/article/details/87867588

版权

踩坑总结专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Vue axios post 传对象

*这时我们需要用qs来转化对象传入，vue3.0自带qs，不需要再重新安装qs，首先在main.js里面定义一个全局的

*import qs from ‘qs’ //引用
Vue.prototype.qs = qs

Vue axios post 传对象嵌套对象

首先定义一个params = new URLSearchParams();params.append(“id”, “-1”);，然后这样还不够，还需给嵌套的对象加上JSON.stringify

  	 var params = new URLSearchParams();
      params.append("device", JSON.stringify(this.formValidate1));
      params.append("id", "-1");
      this.axios({
        url: "http://192.168.4.114:8080/device/save",
        method: "post",
        data: params
      }).then(res => {
        this.modalForm = false;
        this.getdeviceData();
      });