Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

a touch handle to drag something

NotificationsYou must be signed in to change notification settings

vue-comps/vue-drag-handle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-drag-handle

To make something responsive to dragging, a drag-handle is needed.

Used in

Install

npm install --save-dev vue-drag-handle// vue touch@next - not released on npm currentlynpm install --save-dev git://github.com/vuejs/vue-touch.git#next// vue@1.0npm install --save-dev vue-drag-handle@1 vue-touch@1

or includebuild/bundle.js.

Usage

# somewhereVue.use(require('vue-touch'))# in your componentcomponents:"drag-handle":require("vue-drag-handle")# or, when using bundle.jscomponents:"drag-handle":window.vueComps.dragHandle
<drag-handle@move="move"@left="open"@aborted="close":max-left="200"></drag-handle>

For examples seedev/.

Props

Nametypedefaultdescription
factorNumber2speed factor which is multiplied with the movement
z-indexNumber1002z-index of the overlay
max-leftNumber0maximum panning to the left
max-rightNumber0maximum panning to the right
offsetNumber0will be added to the position onmove event
disabledBooleanfalseset to disable

Events

Namedescription
movewill be emitted on move. Argument is the current position (can be negative)
left(deprecated) will be emitted on end of panning if move reached max-left
right(deprecated) will be emitted on end of panning if move reached max-right
maxwill be emitted on end of panning with argumentleft whenmax-left is reached orright whenmax-right is reached
abortedwill be emitted when panning didn't reach max-left or max-right
clean-clickwill be emitted on click which is no mouseup of final panning

Changelog

  • 2.0.0
    now compatible with vue 2.0.0

Development

Clone repository.

npm installnpm run dev

Browse tohttp://localhost:8080/.

License

Copyright (c) 2016 Paul PflugradtLicensed under the MIT license.

About

a touch handle to drag something

Resources

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp