No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    swipe, but also clipboard enabled?

    Help
    2
    4
    92
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      rconstantine last edited by

      I have a menu which affords navigation of sequential pages, but I also have previous/next buttons in a footer. I’d like to also add swipe left/right, but when I do, it seems to mess up the ability to copy text to the clipboard. Has anyone managed to do both? Here are my settings so far:

      <q-page-container v-touch-swipe.mouse.horizontal:0.7:50:100="userHasSwiped">
            <router-view ></router-view>
          </q-page-container>
      

      I’m thinking the “minimum velocity (dist/time)”, which is the first parameter, might be the key. Are smaller number ‘faster’? or larger numbers? And what are distance and time measured in?

      Thanks.

      1 Reply Last reply Reply Quote 0
      • R
        rconstantine last edited by

        Using console.log, I see the results of a swipe. Example:

        direction: "right"
        distance: {x: 61, y: 1}
        duration: 103
        evt: MouseEvent {isTrusted: true, screenX: 1006, screenY: 450, clientX: 1006, clientY: 351, …}
        mouse: true
        touch: false
        

        distance/duration in this case is 0.59 and I have mine set to 20: v-touch-swipe.mouse.horizontal:20.00:0:0=“userHasSwiped”

        I thought that 20 would mean you’d have to swipe ultra fast. I was also hoping that :0:0 would mean the other params would be ignored, but maybe they aren’t?

        metalsadman 1 Reply Last reply Reply Quote 0
        • metalsadman
          metalsadman @rconstantine last edited by metalsadman

          @rconstantine https://quasar.dev/vue-directives/touch-swipe#Note-on-HMR

          1 Reply Last reply Reply Quote 0
          • R
            rconstantine last edited by

            Two questions:

            1. So I just have to hard reload the page? Or I need to quit and recompile the code from my IDE?
            2. Does setting the y & z to 0 make them ignored as I’ve tried to do?
            1 Reply Last reply Reply Quote 0
            • First post
              Last post