バージョン要件
WeChat のバージョン要件: 7.0.12 以降。
システムのバージョン要件は、iOS 10.3 以降、Android 5.0 以降です。
Wechat SDK バージョンは 1.6.0 以降である必要があります
WeChat ミニ プログラムを開く タブを開く
wx-open-launch-weapp
オブジェクトを開く
認定されたサービス アカウントは、「JS インターフェイス セキュリティ ドメイン名」の下で Web ページにバインドされており、このラベルを使用して、合法で準拠したアプレットにジャンプできます。
認定された非個人ミニ プログラムは、ミニ プログラム クラウドによって開発された静的 Web サイトを使用して、バインドされたドメイン名で Web ページをホストします。このタグを使用すると、法的および準拠したミニ プログラムにジャンプできます。
使用説明書
すべてのオープンタグは、追加の処理を行わずに、通常の HTML タグと同様にページ内で直接使用できます。
使用するタグでスロットが許可されている場合、スロット内のテンプレート スタイルはページから分離されているため、スロット内のテンプレート スタイルを定義する際には注意が必要です。スロット テンプレートとスタイルの両方をパッケージ化する必要があります。また、名前付きスロットの場合は、slot 属性でスロット名を宣言する必要があります。以下のラベル スロット内のデフォルト スロットがデフォルト スロットであり、スロット名を宣言することはできません。
ラベルイベントの詳細情報は、event.detail から取得できます。特に指定がない限り、以下のラベル イベントの説明内の戻り値は、event.detail の内容を参照します。
関連パラメータの設定
属性
名前 | 必須 | 述べる |
---|---|---|
ユーザー名 | はい | リダイレクトされるアプレットの元の ID、つまり、アプレットに対応する gh_ で始まる ID |
パス | いいえ | リダイレクトされるアプレット内のページ パスとパラメータ |
スロット
名前 | 必須 | 述べる |
---|---|---|
デフォルト | はい | ジャンプ ボタンのテンプレートとスタイル |
<wx-open-launch-weapp id="launch-btn" username="gh_ce3adf9da091" path="pages/index/index"></wx-open-launch-weapp>
Vue プロジェクトで使用する場合、wx-open-launch-weapp タグは Vue によって認識されないため、
Vue は Vue の外部のカスタム要素 (Web コンポーネント API の使用など) を無視する必要があります。それ以外の場合は、グローバル コンポーネントの登録を忘れたか、コンポーネント名のスペルを間違えたと想定され、不明なカスタム要素に関する警告がスローされます。
次のコード構成を main.js に追加する必要があります (このタグは無視します)
Vue.config.ignoredElements = ['wx-open-launch-weapp']
完全なコード デモについては、WeChat パブリック アカウントをフォローしてください。
返信 [H5 Jump Mini Program-jq] Jquery バージョンのデモを入手する
返信 [H5 Jump Mini Program-vue] Vue バージョンのデモを入手する
役に立ったと思われましたら、高評価をお願いします、ありがとう
私をフォローして、技術的な乾物を時々共有してください~