import{e as a,o as n,G as t}from"./vendor.d721e0a0.js";const l={class:"markdown-body"},p=t(`

Pullrefresh\u7EC4\u4EF6

\u4ECB\u7ECD

\u7EB5\u5411\u53EF\u652F\u6301\u4E0B\u62C9\u5237\u65B0\u548C\u4E0A\u62C9\u52A0\u8F7D\uFF0C\u6A2A\u5411\u53EF\u652F\u6301\u5DE6\u6ED1\u66F4\u65B0\u3001\u53F3\u6ED1\u52A0\u8F7D\u66F4\u591A

\u5B89\u88C5

import { createApp } from 'vue';
//vue
import { PullRefresh } from '@nutui/nutui';
//taro
import { PullRefresh } from '@nutui/nutui-taro';

const app = createApp();
app.use(PullRefresh);

\u4EE3\u7801\u6F14\u793A

\u7EB5\u5411

<div class="vertical">
    <nut-pullrefresh
        @refresh="refresh"
        @down-refresh="downRefresh"
        :useWindow="false"
        containerId="pull"
    >
        <div class="content" id="pull">
            <div class="main">
                <div
                    class="text-data"
                    v-for="item in [1, 2, 3, 4, 5, 6, 7, 8, 9]"
                    :key="item"
                    >\u6211\u662F\u6D4B\u8BD5\u6570\u636E {{ item }}</div>
            </div>
        </div>
    </nut-pullrefresh>
</div>

setup() {
    const refresh = done => {
      console.log('\u4E0A\u62C9\u52A0\u8F7D')
      setTimeout(() => {
        done();
      }, 1000);
    };

    const downRefresh = done => {
      console.log('\u4E0B\u62C9\u5237\u65B0')
      setTimeout(() => {
        done();
      }, 1000);
    }
    return { refresh, downRefresh };
}

\u6A2A\u5411

<div class="horizontal">
    <nut-pullrefresh
        @refresh="refresh"
        @down-refresh="downRefresh"
        :useWindow="false"
        containerId="pullH"
        direction="horizontal"
    >
        <div class="contentH" id="pullH">
        <div class="mainH">
            <div
            class="text-data"
            v-for="item in [1, 2, 3, 4, 5, 6, 7, 8, 9]"
            :key="item"
            >\u6211\u662F\u6D4B\u8BD5\u6570\u636E {{ item }}</div
            >
        </div>
        </div>
    </nut-pullrefresh>
</div>

setup() {
    const refresh = done => {
      console.log('\u4E0A\u62C9\u52A0\u8F7D')
      setTimeout(() => {
        done();
      }, 1000);
    };

    const downRefresh = done => {
      console.log('\u4E0B\u62C9\u5237\u65B0')
      setTimeout(() => {
        done();
      }, 1000);
    }
    return { refresh, downRefresh };
}

API

Props

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
useWindow	\u5C06\u6EDA\u52A8\u4FA6\u542C\u5668\u6DFB\u52A0\u5230 window \u5426\u5219\u4FA6\u542C\u7EC4\u4EF6\u7684\u7236\u8282\u70B9	Boolean	true
containerId	\u5728 useWindow \u5C5E\u6027\u4E3A false \u7684\u65F6\u5019\uFF0C\u81EA\u5B9A\u4E49\u8BBE\u7F6E\u8282\u70B9ID	String	\u2018\u2019
disabled	\u7EC4\u4EF6\u662F\u5426\u6FC0\u6D3B	Boolean	true
direction	\u6EDA\u52A8\u7684\u65B9\u5411\uFF0C\u2018vertical\u2019 \u7EB5\u5411\u3001\u2018horizontal\u2019 \u6A2A\u5411	String	\u2018vertical\u2019
pullingText	'\u4E0B\u62C9\u2019\u6587\u6848	Object	{top: \u2018\u4E0B\u62C9\u5237\u65B0\u2019, bottom: \u2018\u4E0A\u62C9\u52A0\u8F7D\u2019,left: \u2018\u5DE6\u6ED1\u5237\u65B0\u2019, right: \u2018\u53F3\u6ED1\u52A0\u8F7D\u2019}
loosingText	'\u91CA\u653E\u2019\u6587\u6848	Object	{top: \u2019\u677E\u624B\u91CA\u653E\u5237\u65B0\u2019, bottom: \u2018\u677E\u624B\u91CA\u653E\u5237\u65B0\u2019,left: \u2018\u91CA\u653E\u5237\u65B0\u2019, right: \u2018\u52A0\u8F7D\u66F4\u591A\u2019}
loadingText	'\u52A0\u8F7D\u4E2D\u2019\u6587\u6848	Object	{top: \u2018\u52A0\u8F7D\u4E2D\u2026\u2019, bottom: \u2018\u52A0\u8F7D\u4E2D\u2026\u2019,left: \u2018\u52A0\u8F7D\u4E2D\u2026\u2019, right: \u2018\u52A0\u8F7D\u4E2D\u2026\u2019}

Events

\u4E8B\u4EF6\u540D	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
refresh	\u7EB5\u5411-\u4E0A\u62C9\u52A0\u8F7D\u3001\u6A2A\u5411-\u53F3\u6ED1\u52A0\u8F7D\u66F4\u591A\u65F6\u89E6\u53D1	done() \u51FD\u6570\uFF0C\u5728\u6570\u636E\u66F4\u65B0\u5B8C\u6210\u4EE5\u540E\uFF0C\u9700\u8981\u8C03\u7528 done() \u51FD\u6570\u5C06\u7EC4\u4EF6\u72B6\u6001\u521D\u59CB\u5316
downRefresh	\u7EB5\u5411-\u4E0B\u62C9\u5237\u65B0\u3001\u6A2A\u5411-\u5DE6\u6ED1\u5237\u65B0\u65F6\u89E6\u53D1	done() \u51FD\u6570\uFF0C\u5728\u6570\u636E\u66F4\u65B0\u5B8C\u6210\u4EE5\u540E\uFF0C\u9700\u8981\u8C03\u7528 done() \u51FD\u6570\u5C06\u7EC4\u4EF6\u72B6\u6001\u521D\u59CB\u5316

`,17),e=[p],j={setup(c,{expose:s}){return s({frontmatter:{}}),(r,o)=>(n(),a("div",l,e))}};export{j as default};