当遇到需要在点击事件或函数中实现打开新页面,新窗口打开需求时
在点击事件中写:
<el-button type="primary" icon="el-icon-printer" plain @click="handlePrint">打印报表</el-button>
// 打印报表
handlePrint() {
const ids = '12'
const routeData = this.$router.resolve({
path: '/print',
query: { ids: ids, pageFrom: 'back' }
})
window.open(routeData.href, '_blank')
}
浏览器地址栏显示所携带参数
注:前提是已经设置好路由页面设置,如router/index.js
export const constantRoutes = [
{
path: '/print',
component: () => import('@/views/print/index'),
hidden: true,
name: 'print'
}
]