一、省市區(接收後臺數據,省市區有單獨的接口)
在省市寫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;
}
});
},