router-link 在新窗口打开页面
-
router-link
默认渲染成a
标签,
可以和a标签一样设置 target="_blank"在新窗口打开页面
<template>
<router-link
target="_blank"
to="/coupon/edit"
>
<el-button
type="text"
size="small"
>新建优惠券</el-button>
</router-link>
</template>
其他新窗口打开页面方式
- $router.resolve可以解析目标路由
outsideLink () {
let {href}= this.$router.resolve({
path: "/coupon/edit",
});
window.open(href, '_blank');
}
网友评论