1. 程式人生 > 實用技巧 >FDD專案中的總結

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非同步請求的,所以,第一次獲取變數的時候,會是一個空陣列。如果需要做裡面的資料處理,則需要判空。否則第一次的時候,控制檯會出現報錯