為啥這點東西需要一周時間：
1、首先是水平一般，能力有限，前后端都是半吊子，再加上最近有點松勁了；
2、由于前期規(guī)劃問題，在做質量統(tǒng)計的時候，需要做大量的數(shù)據(jù)整理、統(tǒng)計工作。
3、將前端的Echart做成傳參的組件，后期直接調用，減少大量的重復代碼；
4、主要是@俊哥說的那句話，哪有條件找前端做啊，都是自己搞；

附加一段VUE子父組件傳送數(shù)據(jù)的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）觸發(fā)傳值方法操作：

（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）監(jiān)聽子組件，并觸發(fā)父組件方法

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

（2）父組件方法

listenToSelectedApk(data) {console.log("[][][]----------------------------------");console.log(data); //data即為子組件傳遞的參數(shù)return this.selected_apk } 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的data怎么给echart传值_通用技术 VUE 子父组件传值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。