文字链接Link

效果展示:

 代码展示:

<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)
}
原文地址:https://www.cnblogs.com/zwh0910/p/13939241.html