draggable is rendered as ul, but you want some li elements in ul to be draggable and some li elements not draggable. The
document only shows that setting attributes such as disabled;sort in option prevents the entire tag from being dragged, but there is no way to make child elements drag-and-drop-free.
is there any other way to split a ul into two ul if you want to realize that some child elements can be dragged and some cannot be dragged?
handle: the selector format is a simple css selector string, which makes the elements in the list unit that conform to the selector become a drag handle. Only by holding down the drag handle can the list unit drag
configure the handle according to the above. For example: handle:'.header'
Special note that filter is not recommended for filtering, because elements filtered by filter cannot be dragged. But elements that can be dragged can affect it.
it is recommended to use options: {draggable:'. Item-drag'} to set draggable elements, and draggable elements cannot be affected.
{group: {name:'card-config',put:'clone','pull':'clone'}, filter: '.undraggable' , sort:true} "
filter attribute: the css selection syntax can be set not to be dragged for this part of the element.
refer to the draggable attribute to achieve
dynamic modification. How to modify filter?
< draggable
draggable = ".singlePerson"
class="singleLetterPersons"
>means that you can only drag and drop the corresponding class selector. When you change the name of the class selector of an element, you can control that the element can not be dragged. Isn't it good
item1ABBjquery-ui B drop vuedraggabledrop ...
<draggable v-model="tags2" :options="dragOptions1"> <transition-group tag="ul" class="list-group"> <li class="list-group-item" v-for="(element, index) in tags2" ...
The drag-and-drop plug-in is used in the project, which now implements the drag-and-drop of the table (the code is as follows), but according to the current way of writing, if you add operations such as click events to the contents of the table in the f...
as shown in the figure, the draggable on the left can also be sorted now. I only hope that the draggable on the right can sort how to configure the request for help < draggable v Merry model = "left_list ": options= "{handle: .dargDiv ,animatio...