这篇文章主要介绍了vue resource发送请求的几种方式，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue resource发送请求，代码如下所示；
<title>vue-resource</title> <div id="app"> </div><!-- 基于vue-resource实现get post请求 也可利用axios第三方包实现-->
知识点扩展；vue-resource请求的几种方式
安装import VueResource from 'vue-resource'
Vue.use(VueResource) get //获取 getdesignatepl({commit,rootState}){ // console.log("ppppp") let designate_list = `schedule-plan-configur<span style="color:transparent">本文来源gaodai#ma#com搞*!代#%^码$网!</span>ation`; Vue.http.get(api.get(designate_list),{headers:rootState.headers}).then(function(response){ let pup=response.data.data; // console.log(response) },function(response){ // console.log("pl") var tipsObj = { title : "数据错误", flag: true, type: 4, btnGroup:['ook'] } commit('popup',tipsObj,{root:true}); }) } post//新增 setAdd({commit,rootState,state,dispatch,context},mss){ Vue.http.post(api.save('schedule-plan-configuration'),mss,{headers:rootState.headers}).then(function(response){ dispatch("getdesignatepl") commit('popup',titleObj,{root:true}); },function(response){ if(response.status == 422){ commit('popup',tipsObj,{root:true}); } }) }, //删除 BrDelete(context,obj){ let br_delete_put_data = `schedule-plan-configuration/${obj.id}` Vue.http.delete(api.get(br_delete_put_data),{headers:context.rootState.headers}).then(function(response){ context.dispatch("getdesignatepl"); },function(response){ // console.log(response); if(response.status == 401 || response.status == 500){ var tipsObj = { status: response.status, flag: true, type: 4, btnGroup:['ook'] } context.commit('popup',tipsObj,{root:true}); return; } }) }, // 跟新 getEntrySales({commit,rootState,dispatch,context},obj){ // console.log(obj.id) Vue.http.put(api.update(`schedule-plan-configuration/${obj.id}`),obj, {headers:rootState.headers}).then(function(response){ dispatch("getdesignatepl"); },function(response){ }) },
总结
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
以上就是vue resource发送请求的几种方式的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue resource发送请求的几种方式
转载请注明原文链接：vue resource发送请求的几种方式
