百度智能小程序 開(kāi)始下拉刷新

swan.startPullDownRefresh

解釋?zhuān)洪_(kāi)始下拉刷新，調(diào)用后觸發(fā)下拉刷新動(dòng)畫(huà)，效果與用戶(hù)手動(dòng)下拉刷新一致。

方法參數(shù)

Object object

object 參數(shù)說(shuō)明

示例 

在開(kāi)發(fā)者工具中打開(kāi)

圖片示例

代碼示例

<view class="wrap">
    <view class="card-area">
        <view class="page-info">下拉頁(yè)面/點(diǎn)擊按鈕即可刷新</view>
        <button bind:tap="startPullDownRefresh" disabled="{{disabled}}" hover-stop-propagation="true" type="primary">開(kāi)始刷新</button>
        <button bind:tap="stopPullDownRefresh" hover-stop-propagation="true" type="primary">停止刷新</button>
        <button data-set="{{textStyle}}" bind:tap="setBackgroundTextStyle" hover-stop-propagation="true" type="primary">點(diǎn)擊切換loading樣式為：{{textStyle}}</button>
    </view>
</view>

Page({
    data: {
        textStyle: 'dark',
        disabled: false
    },

    startPullDownRefresh() {
        // 若要觸發(fā)用戶(hù)手動(dòng)下拉刷新，在json文件中設(shè)置 "enablePullDownRefresh": true
        swan.startPullDownRefresh({
            success: res => {
                this.setData('disabled', true);
                console.log('startPullDownRefresh success', res);
            },
            fail: err => {
                console.log('startPullDownRefresh fail', err);
            }
        });
    },

    stopPullDownRefresh() {
        swan.stopPullDownRefresh();
        this.setData('disabled', false);
    },

    setBackgroundTextStyle(e) {
        let textStyle = e.target.dataset.set;
        swan.setBackgroundTextStyle({
            textStyle: textStyle,
            success: () => {
                console.log('setBackgroundTextStyle success');
                if (textStyle === 'dark') {
                    this.setData('textStyle', 'light');
                }
                else {
                    this.setData('textStyle', 'dark');
                }
            },
            fail: err => {
                console.log('setBackgroundTextStyle fail', err);
            }
        });

    }
});

錯(cuò)誤碼

Android

iOS