效果图
既不影响显示内容,也不影响页面跳转

el-table-column写法
<el-table-column
label="系统单号"
align="center"
prop="systematicReceipt"
width="180"
>
<template #default="scope">
<el-link type="primary">
<a target="_blank" @click="handleUpdate(scope.row)">{{
scope.row.systematicReceipt
}}</a>
</el-link>
</template>
</el-table-column>
handleUpdate方法
function handleUpdate(row) {
const systematicReceipt = row.systematicReceipt;
router.push({
path: "/purchase/purchaseDocumentProcessing",
query: { systematicReceipt },
});
}
源码分析
可参考铠思进销存系统的ks-vue3/src/views/system/purchase/purchaseDocumentQuery.vue
到此这篇关于Vue3的el-table-column增加跳转其他页面的文章就介绍到这了,更多相关Vue3 el-table-column跳转其他页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
来源链接:https://www.jb51.net/javascript/3351899yx.htm
© 版权声明
本站所有资源来自于网络,仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您(转载者)自己承担!
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
THE END












暂无评论内容