uniapp 添加操做

 1 分析:
 2  須要動態的向數據庫中插入數據,既然要進行添加操做,就會觸發一個點擊的事件,因此咱們的第一步就是要先綁定事件
 3  向服務器進行請求接口操做,請求的方法爲 ‘POST’
 4  最後就是在methods中寫函數
 5 操做:
 6 (1)綁定事件
 7 <view @tap="saveOpportunity()">保存</view>

8 (2)表單進行數據的雙向綁定 9 <input type="text" v-model="opportunity.addr" > //你的字段的名稱,接口文檔的字段名稱若是是必填項,這邊必定要進行綁定,通常狀況下,咱們這裏會都給它添加上
10 (3)data中添加一個對象 opportunity 11 Opportunity{}
12 (4)methods中寫方法 13 saveOpportunity(){ 14 uni.request({ 15 method:'POST', 16 data:this.opportunity, //當前的對象 17 url: `${this.$serverUrl}/opportunity/`, //封裝後的接口的地址 18 success(res) { //回調函數 19 console.log(res) 20 } 21 }) 22 }
相關文章
相關標籤/搜索