其他分享
首页 > 其他分享> > uniapp 添加操作

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 }

 

标签:uniapp,methods,data,绑定,接口,添加,操作,opportunity
来源: https://www.cnblogs.com/sxdpanda/p/12966034.html