专栏首页葫芦cssjshtml vue-echart 点击跳转传参和接收

cssjshtml vue-echart 点击跳转传参和接收

1.vue-echart  点击跳转通过路由传参。

<template>
  <div :style="{height: height + 'px'}">
    <IEcharts :option="line_option" :loading="loading" @ready="onReady" @click="onClick"></IEcharts>
  </div>
</template>
    methods: {
      onClick(event, instance, ECharts) {
        let date = new Date(event.name.slice(0, 4) + '/' + event.name.slice(4, 6) + '/' + event.name.slice(6, 8))
        let starttime = date
        let endtime = new Date(date.getTime() + 24 * 60 * 60 * 1000)

        this.$router.push({
          path: "Detail",
          name: "告警详情",
          params: {
            timevalue: [starttime, endtime]
          }
        })
      }
}

2.跳转页面参数接收:

created: function () {
  
if (this.$route.params.timevalue) {
this.timevalue = this.$route.params.timevalue
console.log(this.timevalue)
}
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • python 前端参数不定的级联查询实现

    以下为前端传不定个数参数给后端,后端django通过sql拼接,实现不定参数的级联查询。         

    葫芦
  • cssjshtml boostrap+echart 轮播报错解决

    boostrap 轮播组件中的active样式有display属性问题,当没有active样式时 display为none。

    葫芦
  • python python截取长网页 并发送邮件

    葫芦
  • sessionStorage的使用

    localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象,页面必须来自同一个域名,使用同一种协议,在...

    用户6182664
  • vue切换路由并且传递参数

    用户4344670
  • 如何自定义 JPA 的数据库命名策略

    运行项目,通过数据库或输出的SQL语句,默认策略的表现为:表名及字段全小写,并以下划线分隔

    happyJared
  • 机器学习在安全攻防场景的应用与分析

    一、引言 随着人工智能(artificialintelligence, 简称AI)的技术突破,现今的计算技术可从大数据平台中挖掘出有价值的信息,从而为人们在决策...

    FB客服
  • 【Angular6+】事件绑定

    添加如下 onSelect() 方法,它会把模板中被点击的英雄赋值给组件的 selectedHero 属性。

    CloudCat
  • eclipse安装配置及汉化

    eclipse 官网:https://www.eclipse.org 汉化:https://blog.csdn.net/Aoutlaw/article/det...

    大大大黑白格子
  • Black Hat 2018 | 人工智能与机器学习成焦点话题

    美国当地时间8月8日,一年一度的Black Hat(黑帽子)大会在拉斯维加斯如期举行。不经意间,这项吸引全球顶级厂商、黑客的大会已走过了21个年头。21年前,当...

    安恒信息

扫码关注云+社区

领取腾讯云代金券