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

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。