VUE3(二十一)vue-router 在新窗口打开页面的功能
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。但是在vue中怎么实现呢?其实很简单:VUE2:const { href } = this.$router.resolve({name: `print_schedule`,params: {id: id}});window.open(href, "_blank");VUE3:const router
·
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。
但是在vue中怎么实现呢?
其实很简单:
VUE2:
const { href } = this.$router.resolve({
name: `print_schedule`,
params: {
id: id
}
});
window.open(href, "_blank");
VUE3:
const router = useRouter();
const { href } = router.resolve({
path: '/pc/articleDetail',
query: {
article_id: utils.encryptCode({ 'article_id': article_id })
}
});
window.open(href, "_blank");
上边大概展示了其在VUE2和VUE3中使用的方法。
有好的建议,请在下方输入你的评论。
欢迎访问个人博客
https://guanchao.site
欢迎访问小程序:
更多推荐
已为社区贡献12条内容
所有评论(0)