咕噜咕噜502 2022-03-29 11:12 采纳率: 56.6%
浏览 49
已结题

vue父页面调用多个图表组件，怎么在组件中传值给父页面接收？

在父页面中需要展示十个图表，每个图表都封装成一个组件，父页面引入，我怎么在组件加载时自动将组件中设定好的值传给父页面接收呢，注意是在加载组件的时候自动将组件中的值传过去，而不是点击按钮或者触发事件在将值传过去

img

img

img

组件里就是查询数据对图表进行渲染
组件页面代码:

img

最后实现效果

img

应该怎么去传值呢？值传过去父页面应该怎么去接收

我是后端，前端不是很熟悉!

  • 写回答

3条回答 默认 最新

  • m0_37675872 2022-03-29 11:28
    关注

    this.$emit('queryCondition', this.search);
    this.search 就是你要上传给父组建的数据
    父组建接收 <aa @queryCondition="queryProjectCompany">

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 3月29日
  • 已采纳回答 3月29日
  • 修改了问题 3月29日
  • 修改了问题 3月29日
  • 展开全部

悬赏问题

  • ¥15 latex投稿显示click download
  • ¥15 请问读取环境变量文件失败是什么原因？
  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论，网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比，为什么Snetinel-2计算的结果最小值特别小，而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？