请选择 进入手机版 | 继续访问电脑版

vue父件如何传值给echarts子件

[复制链接]
期待幸福 发表于 2020-12-31 18:12:23 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
父件:robotInspection调用子组件 bar
1、先在script下引入bar .vue的路经,import后的bar是自己取的名字(也叫别名),个人习惯与文件名字一样(需要完成图1与图2才能引用如图3)

图1(robotInspection)

图2(robotInspection)

图3(robotInspection)
2、将使用别名bar引入你需要的位置,:barData=“barData”,":barData"是bar.vue子组件中用来承接数据的数组容器(图5),后面的"barData"是父组件robotInspection中数组容器(图5)

图4(robotInspection)

图5(bar3)
3、我们需要是如图6所示,通过右边的下拉框,让数据举行厘革,我这里写的是死数据。

图6

图7(robotInspection)
(robotInspection)@command="handleCommandTask"是个事件名 taskTime是(图7中的taskTime聚集);“:command=“item”” 是反回值,在elementui中有

图8 (robotInspection)
4、(robotInspection)当我对下拉框举行会触发(图7)然后跳转到方法举行数据赋值操作,将数据赋值给bar3Data

图9 (robotInspection)
5、最后还需要在bar3子组件中写个监听方法,监听数据的厘革

图10(bar3)
第一次写这类文章,做配景的,打仗vue一个月的时间,写的欠好,很乱,各人相互学习,相互指导吧。

来源:https://blog.csdn.net/weixin_44957863/article/details/111980584
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )