Pull To Refresh

The PullToRefresh allows users to update content with a simple downward swipe on their screen. Works for Mobile and Desktop.

Copy Page as Markdown

Installation

Labs components require manual import and registration with the Vuetify instance.

import { VPullToRefresh } from 'vuetify/labs/VPullToRefresh'

export default createVuetify({
  components: {
    VPullToRefresh,
  },
})

Drag the list downward to activate the pull-to-refresh feature.

TIP:

Pull down functionality is available as soon as its immediate scrollable parent has scrolled to the top.

Component	Description
v-pull-to-refresh	Primary Component

Toggle Inline API

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.