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

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

不言
不言転載
2019-01-23 11:04:555624ブラウズ

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

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

外部リンク表示ページ

まず、外部リンクのコンテンツを表示するためのディレクトリを作成します。外部リンクなので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 までご連絡ください。