ホームページ > WeChat アプレット > ミニプログラム開発 > ミニプログラム開発で新しいページのリンクを開く方法(コード例)

ミニプログラム開発で新しいページのリンクを開く方法(コード例)

不言
リリース: 2019-01-23 11:04:55
転載
5626 人が閲覧しました

この記事の内容は、小さなプログラムの開発における新しいページのリンクを開く方法(コード例)です。必要な方は参考にしていただければ幸いです。あなたへ。

開発された小さなプログラムにはユーザー センターがあり、ユーザーがボタンをクリックして新しいリンクにジャンプできることが要件となります。実際、この要件を満たすための良い方法はなく、いくつかの情報を調べても、過去の経験が適用できないことがあります。最後の実装方法は、ナビゲーター コンポーネントを使用することです。誰かがより良い方法を持っている場合、または私の実装方法に欠陥がある場合は、以下で指摘してください。

外部リンク表示ページ

まず、外部リンクのコンテンツを表示するためのディレクトリを作成します。外部リンクなのでWebビューを使用します(このコンポーネントにはいくつかの機能があることに注意してください。以下のリンクから確認してください)。

ディレクトリ構造を見てください。ここで、navigator は外部リンクを表示するページです。

ミニプログラム開発で新しいページのリンクを開く方法(コード例)
navigator.wxml では、必要なコードは 1 行だけです

<web-view></web-view>
ログイン後にコピー

navigator.js で、url

onLoad: function (options) {
    if (options.url) {
      this.setData({
        // 设置当前链接
        url: options.url
      })
    } 
  },
ログイン後にコピー

ユーザー センター

ユーザー センターで、次の値を変更します。リンクを /navigator/navigator に移動し、パラメータを持ってくるだけです。

<!-- {{url}}中是外链地址 -->
<navigator></navigator>
ログイン後にコピー

もちろん、実際のプロジェクトはより複雑であり、それに応じて変更する必要があります。実際のニーズ。

以上がミニプログラム開発で新しいページのリンクを開く方法(コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート