zoukankan      html  css  js  c++  java
  • uniapp 判断当前是保存还是修改操作

     步骤分析: 
    首先得确定你进入表单后传入了id或者整个对象[这里使用id来进行讲解]

    其次就是两个请求:POST(保存的) 和 PUT(修改的)

    最后就是通过传入的id是否存在进行判断即可

     POST 请求方案   

    uni.request({
    method:'POST',
    data:this.opportunity,
    header:{
    'Authorization': this.uerInfo.token   //请求头信息
    },
    url: `${this.$serverUrl}/opportunity/`, //测试接口
    success(res) { //回调函数
    console.log(res.data);
    }
    })

     PUT 请求方案  

    uni.request({
    //url:`${this.$serverUrl}/opportunity/${this.opportunity.id}/`,  //测试接口

    或者如下写法:

    url:`${this.$serverUrl}/lead/` + options.id + '/',


    method:"PUT",
    data:this.opportunity,
    header:{
    'content-type':'application/json',
    'Authorization': this.uerInfo.token
    },
    success: function (res) {
    console.log(res.data);
    }
    })

     完整的方案: 

    if(this.opportunity.id === ''){    //为空就是保存,不为空就是修改
    uni.request({
    method:'POST',
    data:this.opportunity,
    header:{
    'Authorization': this.uerInfo.token
    },
    url: `${this.$serverUrl}/opportunity/`, //封装后的接口的地址调用
    success(res) { //回调函数
    console.log(res.data);
    }
    })
    }else{
    uni.request({
    url:`${this.$serverUrl}/opportunity/${this.opportunity.id}/`,
    method:"PUT",
    data:this.opportunity,
    header:{
    'content-type':'application/json',
    'Authorization': this.uerInfo.token
    },
    success: function (res) {
    console.log(res.data);
    }
    })
    }

  • 相关阅读:
    Charles:rewrite重写功能
    Vue中provide和inject 用法
    vue中install方法
    vue自定义组件(通过Vue.use()来使用)即install的使用
    Eelectron 中的remote模块
    理解Vue中的Render渲染函数
    Vue.js中this.$nextTick()的使用
    postman请求本地接口Error: connect ECONNREFUSED 127.0.0.1:8083
    1016 Phone Bills (25 分)
    CF842E Nikita and game
  • 原文地址:https://www.cnblogs.com/sxdpanda/p/12988140.html
Copyright © 2011-2022 走看看