表单提交及其他请求参数及响应效果:

1.代码

  let formData = new FormData();
  formData.append("username", this.form.userName);
  formData.append("password", this.form.password);

2.请求效果

在这里插入图片描述

3.其他请求方式的对比

a.data传参

 data: {
            name:this.editForm.name,
            title:this.editForm.title,
            basepath:this.editForm.basepath,
            status:this.editForm.status,
            description:this.editForm.description,
     }

响应效果:

在这里插入图片描述

b.params传参

 params: {
            name:this.editForm.name,
            title:this.editForm.title,
            basepath:this.editForm.basepath,
            status:this.editForm.status,
            description:this.editForm.description,
    }

响应效果

在这里插入图片描述

4.具体测试

getSign() {
      let formData = new FormData();
      formData.append("name", this.editForm.name);
     formData.append("title", this.editForm.title);
     formData.append("basepath", this.editForm.basepath);
     formData.append("status", this.editForm.status);
     formData.append("description", this.editForm.description);
      this.$axios
        .request({
          url: "/sys/save",
          method: "post",
          data: formData
        })
        .then(res => {
          if (res.data.msg) {
            this.$Message.success("保存成功");
          } else {
            this.$Message.error(res.data.status.message);
          }
        });
    },

基础知识,简单小结,贴出探讨,多多交流。

在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐