vue-router新开页面

router-link标签新开页面, 其原理是router-link最终会解析成a标签

router-link(:to={name: 'a'}, tartget="_blank")

编程式导航,使用路由对象的resolve方法解析路由,可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了。

... ...
let {_id: subject_id, treatment_record_id} = _.get(resp, 'body.value.subject', {});
const { href } = this.$router.resolve({
    name: `novonordisk-index`,
    params: {
        subject_id,
        treatment_record_id
    }
});
window.open(href, "_blank");
... ...
posted @ 2019-08-01 12:53  fanlinqiang  阅读(1836)  评论(0)    收藏  举报