接收後臺數據並向後臺發送數據

一、省市區(接收後臺數據,省市區有單獨的接口)

在省市寫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;
        }
      });
    },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章