我要评论效果图
既不影响显示内容，也不影响页面跳转
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跳转其他页面内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论