Pull Down to Refresh     

When you want to allow the user to refresh the content or add newest content.

Basic Usage

<q-pull-to-refresh :handler="refresher">
  <!-- Content, whatever you like -->
  <p v-for="item in items">
    Lorem ipsum dolor sit amet...
  </p>
</q-pull-to-refresh>

IMPORTANT
Do not wrap <q-pull-to-refresh> by a <div class="layout-padding>". If you must, place that <div> as direct child of <q-pull-to-refresh>.

Vue Properties

Vue Methods

Handler

The handler Function (specified as DOM element property) takes one parameter:

{
  methods: {
    refresher (done) {
      // done - Function to call when you made all necessary updates.
      //        DO NOT forget to call it otherwise the refresh message
      //        will continue to be displayed
      // make some Ajax call then call done()
    }
  }
}