el-table-column 怎么实现可以点击并且跳转到新的路由页面
时间: 2023-04-09 07:03:41 浏览: 364
vue3 el-table多级表头收缩扩展的实现(JS原味版)
el-table-column 可以通过设置 scoped-slot 来实现点击并跳转到新的路由页面。具体实现可以参考以下代码:
<el-table-column label="操作">
<template slot-scope="scope">
<router-link :to="'/detail/' + scope.row.id">查看详情</router-link>
</template>
</el-table-column>
其中,scoped-slot 用于自定义列的内容,通过 router-link 组件来实现路由跳转。在 to 属性中,可以通过拼接参数来传递需要跳转的路由地址。
阅读全文