1.element中的table组件,里面的方法的参数是通过载荷的方式添加进去的,不需要自己添加
1 <el-table 2 ref="thisTable" 3 v-loading="loading" 4 :data="tableData" 5 @selection-change="handleSelectionChange" 6 height="100%" 7 row-key="ord" 8 9 :expand-row-keys="expands" 10 style=" 100%" 11 >……</el-table> 12 methods: { 13 handleSelectionChange(val) { 14 this.multipleSelection = val; 15 //console.log(this.multipleSelection); 16 if (this.multipleSelection.length == 0) { 17 // 选中的为空,开始轮询 18 this.$parent.beginGetRealAlarm(); 19 } else { 20 // 有选中的了,停止轮询 21 this.$parent.stopGetRealAlarm(); 22 } 23 }, 24 }
2.在父组件中直接调用子组件的方法
//父组件******************************* <table-list ref="getSelectData" @detailOrd="getdetailOrd" @detailOrdO="getdetailOrdO" :list="tablelist" /> import TableList from "@/components/realfault/TableList"; // 表格 // 父组件调用 this.$refs.getSelectData.clearSelectionFun();
//子组件******************************* // 取消选中 clearSelectionFun(){ …… }
3.父组件给子组件传值的时候,因为是通过axios异步请求的,所以,第一次获取变量的时候,会是一个空数组。如果需要做里面的数据处理,则需要判空。否则第一次的时候,控制台会出现报错