F7 Vue + Pull to Refresh

Questions
1

Hi,

I have a problem with PTR in F7 (Vue) version 6.
This is my code :

<template>
  <f7-page
    name="page"
    :page-content="false"
    @page:afterin="test"
  >
    <f7-page-content class="ptr-content" @ptr:refresh="test">
      <div class="ptr-preloader">
        <div class="preloader"></div>
        <div class="ptr-arrow"></div>
      </div>
    </f7-page-content>
  </f7-page>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  methods:{
    test(){
      console.log("success");
    }
  }
}
</script>

It’s executing the methods when @page:afterin , but it doesn’t execute the methods when @ptr:refresh . How to make it works? Anything wrong with my code? Thanks for help.

2

I don’t see you have enabled ptr on page-content, it must have ptr prop as well:

<f7-page-content class="ptr-content" ptr @ptr:refresh="test">
...
3

Yes, that’s what I need.
I’m sorry I can’t find it in the Documentation.
Thank you, Vlad. :grin: :+1: :+1: