uniapp 添加操作

痴心易碎 提交于 2020-08-11 04:54:36
 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 }

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!