ホームページ > 記事 > WeChat アプレット > WeChat アプレット ページ ジャンプ イベント バインディングの例の詳細な説明
WeChat アプレット ページ ジャンプ イベント バインディングの例の詳細な説明
- 小云云オリジナル
- 2018-02-07 13:47:393078ブラウズ
この記事では主に、WeChat ミニ プログラム ページ ジャンプ イベント バインディングの詳細な例に関する関連情報を紹介します。この記事を通じて、必要な友達がミニ プログラム ページ ジャンプとイベント バインディングの例を理解して適用できることを願っています。ぜひ参考にしてください。
WeChatアプレット ページジャンプイベントバインディングの例を詳しく解説
イベントとは
イベントはビュー層からロジック層への通信手段です。
イベントは、ユーザーの行動をロジック層にフィードバックして処理できます。
イベントはコンポーネントにバインドでき、トリガーイベントに達すると、ロジック層の対応するイベント処理関数が実行されます。
イベント オブジェクトは、ID、データセット、タッチなどの追加情報を運ぶことができます。
コンポーネント内のイベントハンドラー関数をバインドします。
bindtap など、ユーザーがコンポーネントをクリックすると、対応するイベント処理関数がページの対応するページで見つかります
<view bindtap="view"> <text bindtap="toast" class="journey">开启小程序之旅 </text> </view>
子要素は親要素をトリガーし、必要に応じて親要素もトリガーします。子要素のみをトリガーするには、bindtap の代わりに catchtap を使用します。
対応するページ定義に対応するイベント処理関数を記述します。パラメーターはeventです。
Page({
toast: function (event) {
// wx.navigateTo({
// url: '../redirect/redirect'
// });
wx.redirectTo({
url: '../redirect/redirect',
});
// view:function(event){
// // 父级元素
// }
},
/**
* 生命周期函数--监听页面隐藏/并未关闭返回
*/
onHide: function (event) {
console.log(event)
},
/**
* 生命周期函数--监听页面卸载/
*/
onUnload: function () {
console.log(222)
},
})
イベント分類
バブリングイベント: コンポーネント上のイベントがトリガーされると、イベントは親ノードに配信されます。
非バブルイベント: コンポーネント上のイベントがトリガーされると、イベントは親ノードに配信されません。
WXML バブリング イベント リスト:
类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longtap 手指触摸后，超过350ms再离开
注: 上記の表に加えて、
、< の submit イベントなど、特に指定されていない限り、他のコンポーネントのカスタム イベントは非バブリング イベントです。 input/> の input イベント、関連推奨事項:
Router はクロスモジュールでのページジャンプの問題を解決します
vue はログイン後にページが前のページにジャンプすることを認識します。 共有例
以上がWeChat アプレット ページ ジャンプ イベント バインディングの例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。