一个页面多触发事件需要共用一个接口处理数据,封装回调函数方法回调处理数据

一个页面多触发事件需要共用一个接口处理数据,封装回调函数方法回调处理数据_第1张图片

        // 事件共用方法
         queryData(code,data,callback){
                  let params={
                        'code':code, //根据实际情况传入参数
                        'data':data  //根据实际情况传入参数
                  }  // 传入借口参数
                  this.$axios({
                       url:'',  // 接口url地址
                       method:'post',  // 接口类型
                       params:params  // 接口接收参数
                  }).then((res)=>{
                         if(res&&res.length>0){
                                 // 根据实际需求处理数据
                                 callback(res)  //将数据传入回调函数中
                         }
                  }).catch(err=>{

                  })
         },
         // 触发事件调用方法
         changeSelet(){
                let code='1';
                let data='2';
                this.queryData(code,data,function(res){
                         this.selectList=res
                })
         }

你可能感兴趣的:(vue.js,前端,javascript)