uniapp プルダウン リフレッシュ プルアップ ロード

      プルダウンして更新します

  • pages.json現在のページのページ ノードを見つけて、styleオプションで有効にする必要があります。enablePullDownRefresh

  • {
      "path":"pages/list/list",
        "style":{
          "enablePullDownRefresh": true
        }
    }

    引き上げてロードする

  • Pages.json ファイル内の現在のページのページ ノードのスタイルで onReachBottomDistance を構成することで、読み込みを開始する下からの距離を設定できます。デフォルトは 50px です。

    ボトミング動作は onReachBottom によって監視されます

  • <template>
    	<view>
    		<view v-for="(item,index) in arr" :key="index">
    			{
         
         {item}}
    		</view>
    	</view>
    </template>
    <script>
    	export default {
    		data () {
    			return {
    				arr: ['前端','java','ui','大数据','前端','java','ui','大数据']
    			}
    		},
    		onReachBottom () {
    			console.log('触底了')
    		}
    	}
    </script>
    
    <style>
    	view{
    		height: 100px;
    		line-height: 100px;
    	}
    </style>
     {
                "path" : "pages/my/my",
                "style" : {
    				"onReachBottomDistance":200
    			}
            }, 

おすすめ

転載: blog.csdn.net/weixin_51867622/article/details/123299070