1,跳转打开新的路由地址
这里不能使用push,要设置resolve
let lybl = '';
lybl = this.$router.resolve({
path: '/subject/preview',
query: {
name: name,
},
});
2,修改新窗口的标题
首先在main.js中:
Vue.directive('title',{
inserted:function(el,binding){
document.title = el.dataset.title
}
})
3,在跳转页面里面最大的div里面:
<div v-title :data-title="this.$route.query.name">
<basic-container class="office-container">
<div id="office"></div>
</basic-container>
</div>
以上逻辑就可以实现跳转打开新窗口和修改新窗口的title
以下就是效果,我这里是动态的改变新窗口title