FDD项目中的总结

最新推荐文章于 2025-06-11 06:55:19 发布

程先生哈

最新推荐文章于 2025-06-11 06:55:19 发布

阅读量86

点赞数

文章标签： vue.js 前端 javascript elementui ecmascript

本文链接：https://blog.youkuaiyun.com/qq_35073135/article/details/129153748

版权

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