Use element with attributes

[cawa-93]

I want to recreate the following structure:

<v-layout row wrap>
  <v-flex> ... </v-flex>
  <v-flex> ... </v-flex>
  <v-flex> ... </v-flex>
</v-layout>

I use your library like this:

<draggable element="v-layout" v-model="pages">
  <v-flex v-for=" ... "> ... </v-flex>
</draggable>

As a result, I get almost the markup that I need, but the root element v-layout does not have the necessary attributes row and wrap. Is there a way to convey them?

[David-Desmaisons]

Question: which is the UI framework that you are using?

Currently it is not possible to pass props from draggabe element to underlying created component.
That said I understand the value of such a feature. I will study if this possible.

[cawa-93]

https://github.com/vuetifyjs/vuetify

[David-Desmaisons]

Corrected in version v.2.16.0.
See working example:
https://github.com/SortableJS/Vue.Draggable/blob/master/examples/Component2.html

[Steam1996]

Is this enhancement completed? I also try to do the same thing with vuetify, but I get 3 errors
Failed to mount component: template or render function not defined.. Error in mounted hook: "Sortable: el must be HTMLElement, and not [object Comment]". Sortable: 'el' must be HTMLElement, and not [object Comment].

<v-layout class="mt-5" row>
  <draggable element="v-layout" row wrap v-model="$props.tasks" :options="{chosenClass: 'chosen-img'}">
    <v-flex md4 class="mx-5" v-for="(a, i) in $props.tasks" :key="i">
      <img class="draggable-img" :src="a.img" alt="img" />
    </v-flex>
    </VueDraggable>
</v-layout>