[highcharts]|[highcharts] 03_从highcharts内向上层传递参数 [highcharts]03_从highcharts内向上层

【[highcharts]|[highcharts] 03_从highcharts内向上层传递参数】描述:
要求点击highcharts中的某个元素，如下图中的蓝色bubble，点击蓝色bubble将“汇添富创新未来18个月”这个参数传递到父元素中，父元素中有一个表格展示所点击的bubble对应基金的详情。
这就要求在点击事件发生时，把参数传递到上一层。

文章图片

下面以跳转为例，说明如何传递参数
（跳转：传递基金的参数，父元素处理，跳转到指定基金的页面）
我们在vue的methods里定义两个方法，一个是jumpFundDetail，另一个是exportData。
jumpFundDetail接收参数，负责跳转的具体逻辑。
exportData就是一个函数，接收highcharts点击事件向上传递的参数。

文章图片

下面是重点
在vue的computed属性中定义一个 customizedOptions函数，在这个函数中将exportData引入。customizedOptions返回一个对象，这个对象中定义了click事件，在click事件中通过exportData函数，将参数传递到highcharts的上层。

文章图片

注意代码中的两个this指向。
绿色框框的this指向vue实例。
蓝色框框的this指向点击事件点击的highcharts 绘制出的元素。
最后
stockOptions.plotOptions = this.customizedOptions
同步更新到自己的语雀
https://www.yuque.com/diracke...

[highcharts]|[highcharts] 03_从highcharts内向上层传递参数

推荐阅读

redmi|再爆新品！Redmi Watch 2将于28日发布这次有点猛！

长沙跨境电商公司长沙电商平台众联什么样，长沙比较大的电商公司有哪些

香榧吃了会不会胖香榧相关介绍

如何解决人脸识别服务器超时问题？人脸识别服务器超时怎么办

贫血吃什么

违章代码1355是什么意思

财务报表分析程序

学什么舞蹈能提升气质

云朵简笔画云朵简笔画怎么画

别客气用英语怎么说 welcome

分布式理论

golang获取命令行参数方法总结

玻尿酸丰胸多少钱_玻尿酸丰胸和假体丰胸哪种好

四年级我就这样长大了作文3篇

QQ飞车手游荣耀勋章第9期车大全：荣耀勋章第九期全部奖励总汇

唐朝皇帝后宫女人等级是如何，唐朝宫女等级制度

刚做完流产已经三天没吃饭只喝点水解

喊山红霞被判几年

gis罐体外卡式，gis罐体常用材料

大巴车载客人数中型客车核载多少人