1. ジャンプして新しいルーティング アドレスを開きます
ここではプッシュは使用できません。解決を設定する必要があります
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>
上記のロジックは、新しいウィンドウを開くジャンプと新しいウィンドウのタイトルの変更を実現できます。
以下はその効果です。ここでは新しいウィンドウのタイトルを動的に変更しています。