效果图
既不影响显示内容，也不影响页面跳转
el-table-column写法
<el-table-columnlabel="系统单号"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方法
javascript">function handleUpdate(row) {const systematicReceipt = row.systematicReceipt;router.push({path: "/purchase/purchaseDocumentProcessing",query: { systematicReceipt },});
}
源码分析
可参考铠思进销存系统的ks-vue3/src/views/system/purchase/purchaseDocumentQuery.vue
