search

SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.91k stars 531 forks source link

Tag ="transition-group", vue3.2.33 Warning #149

Open tujianglin opened 2 years ago

tujianglin commented 2 years ago

[Vue warn]: children must be keyed. Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

lhermann commented 2 years ago

Same issue as https://github.com/SortableJS/vue.draggable.next/issues/138 and https://github.com/SortableJS/vue.draggable.next/issues/140

liu-yan-liang commented 2 years ago

使用 vuenextdraggable. fix it. https://www.npmjs.com/package/vuenextdraggable 在使用 tag="transition-group" 的时候，需要至少两层 html 标签

`<template #item="{ element }">

{{ element.name }}

`