データをロードするためのミニプログラム開発ページのプルアップ (コード付き)

不言
リリース: 2019-01-23 10:53:23
転載
3389 人が閲覧しました

この記事の内容は、小さなプログラムの開発におけるページのプルアップとデータのロードに関するものです。必要な方は参考にしていただければ幸いです。 。

要件はデータを取得してロードすることですが、実際の要件はページング データを取得することです。バックグラウンドはページングデータに対する通常の ajax リクエストです。アプレット部分は少し複雑ですが、情報へのリンクが見つからないため、参照することができません。

ミニ プログラム ページ

データ ループが含まれます。以下は簡単な例です

 <view>
     <view>{{item.name}}</view>
     <view>{{item.age}}</view>
  </view>
ログイン後にコピー
MVVM 開発モデル (React、Vue など) は、レンダリングとロジック分離を組み合わせることを提唱しています。簡単に言うと、JS は DOM を直接制御する必要がなくなり、状態を管理し、テンプレート構文を使用して状態とインターフェイス構造の関係を記述するだけで済みます。

ミニ プログラムの JS 部分

JS 部分はデータの取得とデータの結合を担当します

Page({

    /**
     * 页面的初始数据
     */
    data: {
        array: [],
        page: 1,
        isReachBottom: true // 是否上拉加载
    },

    // 获取数据
    getList: function () {
        var that = this;
        wx.request({
            url: 'https://xxx',
            data: {
                p: that.data.page
            },
            success: function (res) {
                if (res.data.message == 'success') {
                    // 获取成功,数据追加
                    var list = [];
                    var count = res.data.data.length
                    for (var i = 0; i <p>プルアップとボトミング、およびこれらの機能について<br> </p><p><img src="https://img.php.cn/upload/image/374/797/427/1548211796238512.png" title="1548211796238512.png" alt="データをロードするためのミニプログラム開発ページのプルアップ (コード付き)"></p>
ログイン後にコピー

以上がデータをロードするためのミニプログラム開発ページのプルアップ (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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