アプレットのいくつかの小さな知識ポイント

1:一般的に使用されるコンポーネント

       コンテナを表示:スワイパースクロールビューを表示

       基本的な内容:テキストはスパンタグに相当します

      媒体:image  video  audio 

       表1:ボタン入力チェックボックスラベルピッカー

       キャンバス:キャンバス

       地図:地図

 

2:ライフサイクル

       Onload()は、ページがロードされたときにトリガーされ、現在のページパスのパラメーターを取得するために1回だけ呼び出されます

       onShow()ページが前面に表示/切り取られたときにトリガーされ、通常はデータ要求を送信するために使用されます

       onReady()は、ページの最初のレンダリングが完了したときにトリガーされ、1回だけ呼び出されます。これは、ページがビューレイヤーと対話したことを意味します。

       onHide()下部のタブが他のページに切り替わったり、アプレットが背景に切り取られたりするなど、ページが非表示/背景に切り取られたときにトリガーされます。

       onUnloadは、rediectTOやnavigateBack()など、ページがアンロードされたときにトリガーされます。

      

3:イベントバインディングバインドキャッチ

Bindtapはバブリングイベントを防止しません、catchtapはバブリングを防止します

       イベントカテゴリタップロングタップタッチスタートタッチエンドタッチカンス

 

4:一般的なコマンド

       Wx:for wx:key wx:if bindtap <navigator url =””> </ navigator>

OnLoadはパラメーターを受け入れます

 

 

3:コンポーネント間で値を渡す

       1:父と息子の間で価値を渡す

子から親へ:子コンポーネントから親コンポーネントにデータを渡すために使用され、任意のデータを渡すことができます

       サブアセンブリ:

親コンポーネント:

コンポーネント間のコード共有の動作

複数のサブコンポーネントが同じプロパティ、データ、メソッドを共有している場合、各コンポーネントに同じコードを繰り返し貼り付ける必要はまったくありません。この時点で、behaviorを使用して新しいmy-behavior.jsファイルを作成できます。

 

urlパラメータ

<navigator class = "gotoDetail" target = "self" url = "../ detail / detail?vedioSrc = { {item.videoSrc}}"> </ navigator>

次に、オプションを使用して、ジャンプ先のページのonLoadフック関数でパラメーターを受け入れます。

 onLoad:関数(オプション){

    console.log(オプション)

    this.setData({

      vedioSrc:options.vedioSrc

    })

  }、

 

カスタム属性データを使用したイベントパラメータ転送をクリックします-xx =

 

カプセル化リクエストメソッド:

 

 

wx.navigateTo():現在のページを保持し、アプリのページにジャンプします。ただし、タブバーページ
wx.redirectTo()にジャンプすることはできません:現在のページを閉じて、アプリのページにジャンプします。ただし、タブバーページにジャンプすることはできません
wx.switchTab():abBarページにジャンプし、他のすべての非tabBarページを
閉じます。wx.navigateBack()は、現在のページを閉じて前のページまたはマルチに戻ります。レベルのページ。getCurrentPages()を使用して現在のページスタックを取得し、返す必要のあるレイヤーの数
決定できます。wx.reLaunch():すべてのページを閉じて、アプリ内の特定のページを開きます。
 

4:転送して共有する

       Wx.showShareMenu

 

5:ログイン認証プロセス

 

6:アプレットとビューの双方向バインディングの違いは何ですか

       アプレット内のthis.dataの属性をビューに直接同期することはできません。呼び出す必要があります。   

       This.setData({xx:aaa})

おすすめ

転載: blog.csdn.net/weixin_43844696/article/details/107607089