文字链接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)
}