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 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM