JavaScript - WeChat共有コピーを動的に変更するvueの問題

Question

今はこんな感じです。要件があります。トップページで共有する場合、タイトルは aaaa です。詳細ページで共有する場合、タイトルは bbb です。ただし、ページが共有されるとすぐにコピーが修正されます。共有コピーを動的に変更するにはどうすればよいですか? 私は vue2 を使用します。コードは次のとおりです。

main.jsに書いて実行したらすぐに読み込むようにしました
詳細ページに飛ぶルートの最初に var title = 'aaaa' desc = 'bbbb'
と定義しました.タイトル変更

リーリー

しかし、これは機能しません。ロードの開始時からタイトルが常に aaa になる理由がわかりません。詳細ページを更新しない限り、vue の新しいインスタンスが再作成され、タイトルは次のようになります。かわった。 ＃＃＃

コードを次のように共有します:

リーリー

Answer 1

WeChat 共有機能の初期化はグローバルに行う必要があります。 wx 共有を関数にカプセル化して、変更する必要があるパラメーターをインターフェイスとして公開できると思います。タイトルはここにあります。次に、別のルート (コンポーネント) での登録と構成を完了します。

Answer 2

リーリー

Answer 3

タイトルを変更するコンポーネントを推奨します