WeChatアプレットのページジャンプで値を転送するいくつかの方法の詳細な説明-ミニプログラム開発-php.cn

WeChatアプレットのページジャンプで値を転送するいくつかの方法の詳細な説明

高洛峰

リリース： 2017-02-18 11:33:50

オリジナル

2037 人が閲覧しました

この記事では主に、WeChat ミニプログラムページにジャンプして値を転送するいくつかの方法に関する関連情報を紹介します。必要な友達はそれを参照してください

WeChat ミニプログラムページにジャンプして値を転送します

WeChat ミニプログラムナビゲーションフォームには 2 種類あります。1 つは js で書かれてジャンプするもの、もう 1 つは wxml ページで書かれてジャンプするものです。

1. js ナビゲーション

(1)、wx.navigateTo(OBJECT): 現在のページを保持し、アプリケーション内のページにジャンプし、wx.navigateBack を使用して元のページに戻ります。

微信小程序页面跳转传递值几种方法详解

wx.navigateTo({ 
 url: &#39;test?id=1&#39; 
})

ログイン後にコピー

渡された値を取得します:

//test.js 
Page({ 
 onLoad: function(option){ 
  console.log(option.id) 
 } 
})

ログイン後にコピー

(2), wx.redirectTo(OBJECT): 現在のページを閉じて、アプリケーション内のページにジャンプします。

微信小程序页面跳转传递值几种方法详解

wx.redirectTo({ 
 url: &#39;test?id=1&#39; 
})

ログイン後にコピー

(3)、wx.navigateBack(OBJECT): 現在のページを閉じて、前のページまたは複数レベルのページに戻ります。 getCurrentPages()) を通じて現在のページスタックを取得し、返すレベルの数を決定できます。

2. wxml ナビゲーション

ナビゲーター: ページのリンク。

微信小程序页面跳转传递值几种方法详解

注: navigator-hover のデフォルト値は {background-color: rgba(0, 0, 0, 0.1); であり、< の子ノードの背景色です。 navigator/> 色は透明である必要があります

サンプルコード:

/** wxss **/ 
/** 修改默认的navigator点击态 **/ 
.navigator-hover { 
  color:blue; 
} 
/** 自定义其他点击态样式类 **/ 
.other-navigator-hover { 
  color:red; 
}

ログイン後にコピー

<view class="btn-area"> 
 <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator> 
 <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator> 
</view>

ログイン後にコピー

ページによって渡される値を取得します:

// redirect.js navigator.js 
Page({ 
 onLoad: function(options) { 
  this.setData({ 
   title: options.title 
  }) 
 } 
})

ログイン後にコピー

読んでいただきありがとうございます。皆さん、このサイトを応援していただきありがとうございます！

その他の WeChat ミニプログラムや、ページジャンプと値の転送のいくつかの方法の詳細な説明については、PHP 中国語 Web サイトの関連記事に注目してください。