前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >cssjshtml vue中共享变量的使用

cssjshtml vue中共享变量的使用

作者头像
葫芦
发布2019-11-26 14:30:08
7070
发布2019-11-26 14:30:08
举报
文章被收录于专栏:葫芦

一个接口提供查询功能,但一次只能接收传参一个值。

我的需求需要这个接口请求上百次才能返回需要的所有数据。

提供接口无法改变,剩下的只能自己做。

这个功能是用于生成周报对延迟不敏感,一周也就来请求一轮。

问题点是将通过axios 异步获取的 所有请求,将数据统一收集处理。

  1. 首先在src/utils/ 下创建 global.js 这个里面用来存共享变量。
代码语言:javascript
复制
const price=[]
export default{
price
}
  1. 在main.js中 声明共享变量。
代码语言:javascript
复制
import global_val from '@/utils/global'
Vue.prototype.global=global_val 
  1. 将axios请求的返回值push到price列表中.
代码语言:javascript
复制
this.global.price.push({'appname':appname,'price':limit_max*88})
axios.post('/go_gaia', {
         .....
         }
     ).then(res => {
           .....
         limit_max=Math.max.apply(null,limit)
            .....
        this.global.price.push({'appname':appname,'price':limit_max*88})
        })
  1. 等所有请求都返回后,从共享变量中取出数据,生成图表.
代码语言:javascript
复制
mounted()
{
for (let i = 0; i < this.deplist.length; i++) {
    this.$refs.cpu[i].refresh_data(this.deplist[i].spacename, this.deplist[i].appname, 168)
}
let interval=setInterval(()= > {
if (this.global.price.length == = 195){
console.log(this.global.price)
this.tableData=this.global.price
clearInterval(interval);

}
}, 1000);
this.global.price=[]
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/11/25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一个接口提供查询功能,但一次只能接收传参一个值。
  • 我的需求需要这个接口请求上百次才能返回需要的所有数据。
  • 提供接口无法改变,剩下的只能自己做。
  • 这个功能是用于生成周报对延迟不敏感,一周也就来请求一轮。
  • 问题点是将通过axios 异步获取的 所有请求,将数据统一收集处理。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档