Comments (8)
I am not a vue expert, therefore no pull request from my side, but I have tested locally following:
I have added to MOVEABLE_PROPS array the target
, as props I added target: [HTMLElement]
, changed the init call of moveable to target: this.target
and removed from the template the slot
It seems to work without error in my configuration.
Would be nice, if it works for you as well and you can add the changes.
from vue-moveable.
Hey @daybrush
Thanks for your issue
I guess it's wise to support both versions, e.g.
<vue-moveable :target="document.querySelector(".target")">
<div class="target"></div>
</vue-moveable>
and
<!-- single target -->
<vue-moveable>
<div class="target"></div>
</vue-moveable>
<!-- multiple targets -->
<vue-moveable>
<div class="target"></div>
<div class="target"></div>
</vue-moveable>
What do you think?
from vue-moveable.
is it possible?
<vue-moveable :target="document.querySelector('.target')" />
<div class="target"></div>
from vue-moveable.
right now - no. But I can implement it
from vue-moveable.
is it possible?
<vue-moveable :target="document.querySelector('.target')" /> <div class="target"></div>
I don't think it's possible in general. Vue will look for document
key on the component instance. So such code will throw an error. I guess I would need to pass a selector, e.g.
<vue-moveable target=".target" />
from vue-moveable.
@markusnissl Thanks for your feedback.
Some work regarding that was done in v1.6
I'll try to find some time this weekend to make it work properly
from vue-moveable.
Thanks for your great work on this @probil,
But I also find it very useful to add support for groups and also make the API the same as the other libraries. I've had a lot of confusion looking at the examples and just realised that this isn't supported in vue-moveable
.
It'd be great if we could have support for groups and not having target passed as slots necessarily! I guess, for now, I would fall back to the vanilla implementation since I need the grouping to work. I am looking forward to having this feature.
from vue-moveable.
Any updates ?
from vue-moveable.
Related Issues (20)
- [idea] Droppable
- Does anyone know how to create a group?
- Getting selected model Id
- Creating new instance of vue-moveable
- Action Required: Fix Renovate Configuration
- How to initialize the position of the rectangle
- Click event not firing
- Moveable Editable With Buttons HOT 1
- Resizing from lower right corner gets out of sync with pointer position if the pointer moves quickly
- Bounds parameter doesn't work for scaling
- Accessing and changing property of 'moveable-control-box'
- The target attribute is set to an empty array, an error occurs in the console HOT 1
- How to manage the switching of multiple moving objects
- How to set min-width & min-height (without css hacks)
- nuxt typescript HTMLElement is not defined
- 牛逼
- Dependency Dashboard
- Is there a way to snap Resize, Drag, and Rotate to a configurable grid? HOT 1
- How to import vue-moveable using CDN ????
- I customized ables in vue2.0 and never displayed them. I don't know why HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-moveable.