因为需求,需要详情打开新窗口,直接上代码:
const goInfo = (index, row) => {
// 正常跳转
// router.push({ name: 'record', params: { id: row.id } })
// 为了打开新窗口用下面方式
const url = router.resolve({
name: 'record',
params: { id: row.id }
})
window.open(url.href, '_blank')
}
当然根据个人习惯,传递的参数是用path还是query{},自己熟悉就好,路由也跟着更改就好
{
// query形式
// path: '/record',
// params形式
path: '/record/:id',
name: 'record',
component: () => import('../views/RecordInfo.vue')
}
详情获取ID的形式也跟着改变
console.log(route.query.id)
console.log(route.params.id)
记录一下。