Problem:在vue項目中突然接收到一個需要新開頁面的功能
通過看了vue-router,實現這個功能也是可以,詳情如下:
1.通過<router-link>標簽實現新窗口打開
<router-link
target="_blank"
:to="{ path:'/details', query: { id:'1' } }">詳情</router-link>
2.通過Function進行導航
methods: {
goDetails (id) {
const { href } = this.$router.resolve({
path: `/details`,
params: {
id: id
}
});
window.open(href, "_blank");
}
}
