FDD项目中的总结

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="width: 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异步请求的,所以,第一次获取变量的时候,会是一个空数组。如果需要做里面的数据处理,则需要判空。否则第一次的时候,控制台会出现报错

posted @ 2020-11-27 15:49  程先生哈  阅读(178)  评论(0编辑  收藏  举报