效果展示:
代码展示:
<el-table-column label="引流扫码人数" align="center">
<template slot-scope="scope">
<el-link :underline="false" @click="openDialog(1)">{{ scope.row.scanPeopleNum }}</el-link>
</template>
</el-table-column>
代码解释:
1、underline:是否有下划线,boolean类型。
点击后执行openDialog(1)函数,该函数调用子组件的函数,而该函数中打开弹框。
//打开弹框
openDialog(p) {
this.$refs.QrScanDetailsRef.getParentData(this.listQuery.date[0], this.listQuery.date[1], p)
}