接收后台数据并向后台发送数据

最新推荐文章于 2021-08-05 19:37:34 发布

WeiflR10

最新推荐文章于 2021-08-05 19:37:34 发布

阅读量752

点赞数 1

本文链接：https://blog.csdn.net/WeiflR10/article/details/100522279

版权

一、省市区（接收后台数据，省市区有单独的接口）

在省市写change方法，传参，通过parmas拿到传的参数

<el-select v-model="form.province" placeholder="请选择" @change="selectprovance(form.province)"></el-select>

  //选择城市
    selectprovance(val) {
      this.axios.selectSysCity({
         params:{sysprovince_id:val}    //传参
      }).then(res => { 
          this.city=res.data           //渲染数据
        }).catch(res => {

        });
    },

二、向后台发送数据（例如：用户在填写了一些信息之后，点击添加按钮，向后台传输这些数据）

在element ui验证添加成功后，请求接口，将写好的数据作为参数传到后台

if (valid) {
          alert("添加成功!");
          this.axios.insertHotel(
          //此处不需要写{}，如果需要vuex中的数据，则自己定义变量重新接收
              this.form        //所有的数据都存放在form中，所以用this.from作为参数
              
          ).then(res=>{
               
            }).catch(res=>{

            })
        }

例子：

submitUpdate(formName){
      this.form.student_user_id=this.student_user_id,      //通过这两个参数来查询需要的数据
      this.form.hoteldescribe_id=this.hoteldescribe_id
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.axios.updateHotel(
            this.form                //需要往后台传的数据
          ).then(res=>{
             alert("修改成功!");
          }).catch(res=>{
             alert("修改失败!");
          })
        } else {
          return false;
        }
      });
    },