All threads / Rails & Vue.js Trello Clone - Part 3 Discussion

Ask A Question

Notifications

You’re not receiving notifications from this thread.

Subscribe

Rails & Vue.js Trello Clone - Part 3 Discussion

Report spam
Dicussion for Rails & Vue.js Trello Clone - Part 3
In `draggable` tag, `v-model` should be changed to `:list` because it's immutable. So drag and drop won't be able to update it.

my hero ^

  <draggable :list="lists" :options="{group: 'lists'}" class="row dragArea" @end="listMoved">
Reply
Sorting the other way, i.e. `->{ order( position: :desc ) }` causes objects to get the wrong position on page refresh. Is there other configuration that needs to happen to make it set that properly on drag?
Reply

If I don't want to drag and drop the columns, will I just remove the draggable directive from the columns? I still want to be able to drag cards from column to column ( and update the database) as well as modify the position of cards within the lists.

Thoughts?

Reply
Reply
Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 41,443+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    Twitter GitHub

    Support

    Company

    Legal

    © 2021 GoRails, LLC. All rights reserved.