uniapp は、WeChat アプレットの友達へのグローバル転送/Moments への共有機能を実装します。主に Vue.js のグローバル ミックスイン コンセプトを使用します。 実装手順とコードは次のとおりです。 グローバル共有コンテンツファイルを作成する1. グローバルに共有される js ファイルを作成します。サンプル ファイル パスは@/common/share.jsで、グローバル共有コンテンツが定義されています。 エクスポートデフォルト{ データ() { 戻る { //デフォルトのグローバル共有コンテンツ共有: { タイトル: 「グローバルに共有されるタイトル」 path: '/pages/home/home', // グローバル共有パス imageUrl: '../../static/imgs/fenxiang-img.png', // グローバル共有画像 (ローカルまたはネットワーク) } } }, // グローバル共有を定義する // 1. 友達に送信する onShareAppMessage(res) { 戻る { タイトル: this.share.title, パス: this.share.path、 画像URL: this.share.imageUrl、 } }, //2. モーメントに共有 onShareTimeline(res) { 戻る { タイトル: this.share.title, パス: this.share.path、 画像URL: this.share.imageUrl、 } }, } ファイルをインポートしてグローバルに登録する2. share.js ファイルをプロジェクトの main.js ファイルにインポートし、Vue.mixin() メソッドを使用してグローバルにミックスインします。 // グローバル共有メソッドをインポートしてマウントします import share from '@/common/share.js' Vue.mixin(共有) グローバルシェアリング効果を見てみましょう。 ページ共有コンテンツをカスタマイズする3.特定のページで共有コンテンツをカスタマイズする必要がある場合は、ページのonShareAppMessage() メソッドとonShareTimeline()メソッドを使用して共有コンテンツをカスタマイズできます。グローバル共有は、ページで定義された共有コンテンツによって上書きされます。次に例を示します。 onLoad() {}, // このページを友達に転送するカスタマイズ (すでにグローバル共有メソッドが存在しますが、ここで上書きされます) onShareAppMessage(res) { 戻る { title: '共有されたページのタイトル', パス: '/pages/my/my', 画像 URL: '../../static/imgs/mylogo.png' } }, // カスタムページをMomentsに共有する onShareTimeline(res) { 戻る { title: '共有されたページのタイトル', パス: '/pages/my/my', 画像 URL: '../../static/imgs/mylogo.png' } }, 注: onShareAppMessage() および onShareTimeline() メソッドは、 onLoad やメソッドなどと同じレベルにあります。 これで、uniappのWeChatミニプログラムのグローバル共有のサンプルコードに関するこの記事は終了です。より関連性の高いuniappミニプログラムのグローバル共有コンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMを応援してください。 以下もご興味があるかもしれません:
|
<<: Webフロントエンド開発におけるエラーを見つけるための基本的な考え方
>>: Centos8 で NIS ドメイン サービスをセットアップおよび構成するための詳細な手順
MySQL 8 の公式バージョン 8.0.11 がリリースされました。公式発表によると、MySQL ...
1. 背景同社のプロジェクトは、これまでは手動で Maven でパッケージ化し、サーバーにアップロ...
目次1. オフラインインストール2. オンラインインストール3. アンインストール4. ymlファイ...
遅いログクエリ機能スロー ログ クエリの主な機能は、設定された時間しきい値を超える SQL ステート...
今日、Baidu でページを検索したところ、ページが削除されていたため、当然 Baidu スナップシ...
Canvas は HTML5 の新しいタグです。js を使用して Canvas 描画 API を操作...
序文MySQLでは、準備、実行、割り当て解除を正式にはPREPARE STATEMENTと呼びます。...
VMware Tools は VMware 仮想マシンに付属するツールで、VirtualBox (...
まず、Alibaba Cloud の公式チュートリアルをご覧ください。ファイルの説明: 1. 証明書...
docker コンテナの下に kong クラスターを構築するのは非常に簡単です。公式サイトの紹介も非...
方法 1: 設定ファイルを変更する (docker サービスを停止する必要があります) 1. doc...
目次マインドマップシンプルな理解インデックスモデルの進化二分探索木自己バランス型二分木BツリーB+ ...
SQL UNIQUE制約UNIQUE 制約は、データベース テーブル内の各レコードを一意に識別します...
導入から始めず、いきなり本題に入りましょう。通常の背景ぼかし効果は次のとおりです。 プロパティを使用...
目次1. 共同インデックスの説明2. ac はインデックスを使用できますか? 3. 考える4. 最左...