GithubHelp home page GithubHelp logo

Comments (2)

hamstu avatar hamstu commented on July 17, 2024

@philipbelesky I modified the source so that the props don't start with v-, since as you mentioned Vue sees them as directive markers. I'm guessing this is a fairly recent change.

My modifications look like this;

[...]
Vue.directive('drag-and-drop', {
      params: [
      'drag-and-drop',
      'drag-start',
      'drag-over',
      'drag-enter',
      'drag-leave',
      'drag-end',
      'drop'
      ],

And then do a case sensitive search and replace for this.params.vD replacing it with this.params.d to fix the internal references to those props.

Example of HTML: <li v-drag-and-drop drop="handleDrop" dragEnter="handleDragEnter">...</li>

I should probably just fork it and submit a PR, but let me know if this helps!

👌

from vue-drag-and-drop.

james2doyle avatar james2doyle commented on July 17, 2024

Do it up!

On Thu, Mar 10, 2016, 8:34 PM Hamish Macpherson [email protected]
wrote:

@philipbelesky https://github.com/philipbelesky I modified the source
so that the props don't start with v-, since as you mentioned Vue sees
them as directive markers. I'm guessing this is a fairly recent change.

My modifications look like this;

[...]Vue.directive('drag-and-drop', {
params: [
'drag-and-drop',
'drag-start',
'drag-over',
'drag-enter',
'drag-leave',
'drag-end',
'drop'
],

And then do a case sensitive search and replace for this.params.vD
replacing it with this.params.d to fix the internal references to those
props.

Example of HTML:

  • ...
  • I should probably just fork it and submit a PR, but let me know if this
    helps!

    [image: 👌]


    Reply to this email directly or view it on GitHub
    #3 (comment)
    .

    from vue-drag-and-drop.

    Related Issues (17)

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo 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.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.