vue-touch | Hammer.js wrapper for Vue.js | Frontend Framework library

by vuejs JavaScript Version: 2.0.0-beta.4 License: MIT

X-Ray Key Features Code Snippets Community Discussions(5)Vulnerabilities Install Support

kandi X-RAY | vue-touch Summary

vue-touch is a JavaScript library typically used in User Interface, Frontend Framework, Vue applications. vue-touch has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i vue-touch' or download it from GitHub, npm.

Hammer.js wrapper for Vue.js

Support

Quality

Security

License

Reuse

Support

vue-touch has a medium active ecosystem.

It has 2679 star(s) with 394 fork(s). There are 86 watchers for this library.

It had no major release in the last 12 months.

There are 45 open issues and 57 have been closed. On average issues are closed in 123 days. There are 7 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of vue-touch is 2.0.0-beta.4

Quality

vue-touch has 0 bugs and 0 code smells.

Security

vue-touch has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

vue-touch code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

vue-touch is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

vue-touch releases are available to install and integrate.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi has reviewed vue-touch and discovered the below as its top functions. This is intended to give you an instant insight into vue-touch implemented functionality, and help decide if they suit your requirements.

Guard direction .
Capitalize e - letter
Update direction .

Get all kandi verified functions for this library.

vue-touch Key Features

No Key Features are available at this moment for vue-touch.

vue-touch Examples and Code Snippets

No Code Snippets are available at this moment for vue-touch.

Community Discussions

Trending Discussions on vue-touch

Nuxt.js Webpack Build Error On Heroku

Touch Events in Vue 2.0

How to use vue-router with vue-touch-events

How to bind custom event handler from vue-touch-events to a custom component in Vue.js

Bundling external library with custom component

QUESTION

Nuxt.js Webpack Build Error On Heroku

Asked 2020-May-04 at 16:12

I have a Nuxt.js project to which I added just a few components for now. It runs flawlessly if build local. I wanted to test it on Heroku, however I get some webpack related build errors, in which I bury already 3 days.

...

ANSWER

Answered 2017-Mar-14 at 09:15

I found the reason that the case sensitive file system Linux of server of Heroku and insensitive system of mine are collided. When I renamed my sub components to uppercase, Github did not push the change to repo.

Neither npm run dev, nor npm run build has given any error in my computer. However when the Linux is looking for the exact names of the folder the problem occured.

This might be a precaution, working on a clean case sensitive formatted partition: https://coderwall.com/p/mgi8ja/case-sensitive-git-in-mac-os-x-like-a-pro

The title of the document explains the best. http://timnew.me/blog/2013/04/18/mac-os-x-case-insensitive-file-system-pitfall/

Source https://stackoverflow.com/questions/42700564

QUESTION

Touch Events in Vue 2.0

Asked 2020-Jan-15 at 08:45

I'm using Vue 2.0 and I should work with swipe gestures. I have checked that there is one official plugin (named vue-touch) but as they say, Vue 2.0 is not supported yet.

Which libraries are available for Vue 2.0 to implement touch events?

...

ANSWER

Answered 2017-Mar-09 at 15:59

I checked and there already is a vue-touch for Vue 2.0, it is on another branch though:

This branch is only compatible with Vue 1.0. For the Vue 2.0 compatible rewrite, see the next branch

https://github.com/vuejs/vue-touch/tree/next

Source https://stackoverflow.com/questions/42693953

QUESTION

How to use vue-router with vue-touch-events

Asked 2018-Sep-13 at 22:58

I tried to use vue-router with vue-touch-events this way:

...

ANSWER

Answered 2018-Sep-13 at 22:58

The v-touch value must be a function; go('home') will be called immediately and returns undefined which is not a function.

Try this instead:

Source https://stackoverflow.com/questions/52322730

QUESTION

How to bind custom event handler from vue-touch-events to a custom component in Vue.js

Asked 2018-Jan-07 at 12:21

I'm currently implementing a classical Minesweeper game in Vue.js which is working fine so far https://github.com/franktopel/defuse, Demo http://connexo.de/defuse/.

Now I would like to add touch support because as of now, to mark a field as "contains a mine" it is required that you right-click the field. Right-clicking is obviously not available on touch devices, so I would like to add longtap support. I'm using native events click and click.right from the parent component for each field, so the field does not handle the events, but the parent component that instantiates these fields does.

I've found this https://github.com/jerrybendy/vue-touch-events and added it to my project, yet it seems I cannot use this on the component tag (see https://github.com/franktopel/defuse/blob/master/src/components/Defuse.vue):

...

ANSWER

Answered 2018-Jan-07 at 12:21

According to the vue-touch-events docs, the v-touch directive doesn't work in the same way as v-on; v-touch must be given a function to execute, whereas the toggleBombMarker(field) expression probably returns undefined.

If you want to pass extra parameters to the v-touch handler, your handler must return a function like this:

Source https://stackoverflow.com/questions/48136744

QUESTION

Bundling external library with custom component

Asked 2017-Jul-17 at 14:43

Not sure how else to describe the issue in the title.

I've created a component that can be installed via npm (Github, npm)

My component has a dependency on vue-touch.

When developing the component all is well, the v-touch component is resolved with tag="li" so it renders as a li. When it gets bundled however the component doesn't get resolved so it renders as .

In TagPicker.vue I load in the dependency with

...

ANSWER

Answered 2017-Jul-17 at 14:43

X-Post from VueJS forums where I initially asked this question.

From LinusBorg:

Adding it globally

You can't use Vue.use inside a component, it has to be added before you start the main Vue instance (new Vue()...)

Adding it locally

adding it locally can't work like you did, because VueTouch is not just the component, its the plugin containing the component.

You can however do this:

Source https://stackoverflow.com/questions/45141689

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install vue-touch

This branch is only compatible with Vue 1.0. For the Vue 2.0 compatible rewrite, see the next branch.
Available through npm as vue-touch. var VueTouch = require('vue-touch') Vue.use(VueTouch)
You can also directly include it with a <script> tag when you have Vue and Hammer.js already included globally. It will automatically install itself, and will add a global VueTouch.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: