data怎么给echart传值_通用技术 VUE 子父组件传值

为啥这点东西需要一周时间:
1、首先是水平一般,能力有限,前后端都是半吊子,再加上最近有点松劲了;
2、由于前期规划问题,在做质量统计的时候,需要做大量的数据整理、统计工作。
3、将前端的Echart做成传参的组件,后期直接调用,减少大量的重复代码;
4、主要是@俊哥说的那句话,哪有条件找前端做啊,都是自己搞;

e9d565fe3ef1f55af072983182928389.png

附加一段VUE子父组件传送数据的demo:

父组件向子组件传值

父组件:

<template><div>父组件:<input type="text" v-model="name"><!-- 引入子组件 --><child :inputName="name"></child></div>
</template>
<script>import child from './child'export default {components: {child},data () {return {name: ''}}}
</script>

子组件

<template><div>子组件:<span>{{inputName}}</span></div>
</template>
<script>export default {// 接受父组件的值props: {inputName: String,required: true}}
</script>

子组件向父组件传值

参考:Vue2.0子父组件通信

1、子组件:

(1)触发传值方法操作:

(2)传值方法:

selectApk(selection, row) {this.selected_apk.name = row['name'];this.selected_apk.size = row['size'];this.selected_apk.path = row['response'];console.log("传递给父组件");this.$emit('listenToSelectedApk',this.selected_apk)
}

2、父组件

(1)监听子组件,并触发父组件方法

<upload_apk ref="upload_apk" v-on:listenToSelectedApk="listenToUploadApk"></upload_apk>

(2)父组件方法

listenToSelectedApk(data) {console.log("[][][]----------------------------------");console.log(data);  //data即为子组件传递的参数return this.selected_apk
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/461384.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

查看端口是否被占用,以及端口的应用名称

根据进程号查看占用的端口 netstat -anp |grep 进程号查看进程号 ps -ef | grep 应用名称根据端口号查看占用端口的应用 lsof -i :8080转载于:https://www.cnblogs.com/duende99/p/11519643.html

Bad Request (Invalid Hostname)解决方法

当在Windows Server 2003IIS6做Web服务器&#xff0c;出现打开如http://paullevi.oicp.net,出现,Bad Request (Invalid Hostname) 的提示时&#xff0c;更改IIS6的Internet 信息服务管理器的默认网站里的属性->网站->IP地址栏&#xff0c;设置为(全部未分配) &#xff0c…

天文摄影的后期处理

见文&#xff1a;http://space.lamost.org/watch/photography/houqi.htm 主要包含以下三个步骤&#xff1a; 1、调整亮度、对比度&#xff1b; 2、锐化处理&#xff1b; 3、叠加&#xff1b;

android关于socket编程,以聊天为例【转】http://hi.baidu.com/yaoyuanhuajx/item/9b93d7565f315ba9acc857d7...

一步一步android(15)&#xff1a;关于socket编程【以聊天为例】 Android手机的应用&#xff0c;除了它的手机功能之外&#xff0c;另外一个吸引人的地方在于它的开放性&#xff0c;这一点iphone无法比拟&#xff0c;至少iphone太多商业化气息。 如同当年windows95一样&#xff…

交流电的有效值rms值_【电工基础知识:三、正弦交流电的产生】2正弦交流电的三要素...

正弦交流电正弦交流电是随时间按照正弦函数规律变化的电压和电流。由于交流电的大小和方向都是随时间不断变化的&#xff0c;也就是说&#xff0c;每一瞬间电压(电动势)和电流的数值都不相同&#xff0c;所以在分析和计算交流电路时&#xff0c;必须标明它的正方向。一、周期、…

PHP+Ajax点击加载更多列表数据实例

PHPAjax点击加载更多列表数据实例 一款简单实用的PHPAjax点击加载更多列表数据实例&#xff0c;实现原理&#xff1a;通过“更多”按钮向服务端发送Ajax请求&#xff0c;PHP根据分页参数查询将最新的几条记录&#xff0c;数据以JSON形式返回&#xff0c;前台Query解析JSON数据&…

单反使用知识

内容整理于网络 http://academy.fengniao.com/393/3935386_all.html http://dcdv.zol.com.cn/243/2430148_all.html 单反品牌和型号 大部分是佳能、尼康&#xff0c;几乎中低端市场全是这两品牌&#xff0c;另外还有索尼、奥林巴斯、宾得等。对于佳能&#xff0c;一位数D为专…

elementui的css文件没有引入_Python中引入模块详细介绍,使用模块的过程中注意事项教程...

​为此 Python 提供了一个办法&#xff0c;把这些定义存放在文件中&#xff0c;这个文件被称为模块。模块是一个包含所有你定义的函数和变量的文件&#xff0c;其后缀名是.py。模块可以被别的程序引入&#xff0c;以使用该模块中的函数等功能。你也许还想到&#xff0c;如果不同…

【原】git命令行查看全部分支与远程分支不同步问题

git branch -a 查看全部分支 git fetch 重新拉一下分支 转载于:https://www.cnblogs.com/luckyXcc/p/11528000.html

星空摄影入门

https://www.zhihu.com/question/21710281?fromprofile_question_card

猫:君主般的眼神 监视领地。 狗

转载于:https://www.cnblogs.com/imihiroblog/archive/2013/02/04/2891326.html

积累的VC编程小技巧之文件操作

1.删除文件夹 // 删除文件夹及其所有内容void CBaseDoc::RemoveFolder(const CString &strPathName){ CString path strPathName; if (path.Right(1) ! _T("\\")) path _T("\\"); path _T("*.*"); CFileFind ff; B…

Redis分布式锁解决抢购问题

转&#xff1a;https://segmentfault.com/a/1190000011421467 废话不多说&#xff0c;首先分享一个业务场景-抢购。一个典型的高并发问题&#xff0c;所需的最关键字段就是库存&#xff0c;在高并发的情况下每次都去数据库查询显然是不合适的&#xff0c;因此把库存信息存入Red…

Linux进程编程1——与“进程”相关的常识

以下内容源于网络资源的学习与整理&#xff0c;如有侵权请告知删除。 一、进程的概述 进程&#xff0c;是指一个具有独立功能的程序关于某个数据集合的一次可以并发执行的运行活动&#xff0c;是处于活跃状态的计算机程序&#xff0c;是系统进行资源分配和调度的基本单位。进程…

在成长中遇到的挫折事件对你的影响_多种语言环境中成长的宝宝,会影响说话早晚?其实没有想象的复杂...

关于用多种语言抚养孩子的案例比比皆是&#xff0c;但并不是所有的父母都鼓励这样做&#xff0c;他们被告知这会导致孩子混乱和语言延迟&#xff0c;使他们错过机会之窗。以下是最常见的案例&#xff0c;以及把孩子培养成双语者背后的真实故事。误解一、与多种语言一起长大会使…

java道路级别

第一级&#xff1a;神人&#xff0c;天资过人而又是技术狂热者同时还拥有过人的商业头脑&#xff0c;高瞻远瞩&#xff0c;技术过人&#xff0c;大器也。如丁磊&#xff0c;求伯君。 第二级&#xff1a;高人&#xff0c;有天赋&#xff0c;技术过人但没有过人的商业头脑&#x…

C#求数组中元素的全排列

2019独角兽企业重金招聘Python工程师标准>>> 1.算法描述 全排列的第一项是该数组的升序排列&#xff0c;最后一项是该数组的降序排列。本文中用到的了一个函数FindNextArray&#xff1a;从升序排列开始&#xff0c;不断使用函数FindNextArray&#xff0c;可以遍历全…

PHP+Ajax手机移动端发红包实例

PHPAjax手机移动端发红包实例 基本流程&#xff1a;当输入完红包数量和总金额后&#xff0c;PHP会根据这两个值进行随机分配每个金额&#xff0c;保证每个人都能领取到一个红包&#xff0c;且每个红包金额不等&#xff0c;并且所有红包金额总额等于总金额。 实现原理&#xff1…

Linux进程编程2——与“进程”相关的API

以下内容源于网络资源的学习与整理&#xff0c;如有侵权请告知删除。 一、fork()函数&#xff1a;父进程创建子进程 函数原型 所需头文件 #include <unistd.h> #include <sys/types.h> 函数原型pid_t fork(void);返回值在子进程中返回0&#xff0c;在父进程…

语法和c区别_dockerfile语法

上次写了关于Dockerfile镜像精简之道之后&#xff0c;很多小伙伴找我问&#xff0c;dockerfile语法的一些东西&#xff0c;这边文章就介绍一下dockerfile语法吧FROMFROM是位于我们dockerfile命令的第一层&#xff0c;首先就会使用该命令。当然一个DokcerFile中存在多个镜像时&a…