Taking the RubaXa/Sortable component on github as an example, because the number of stars is quite high, it is quite convenient for me to use it.
Click in and scroll down for a very detailed document to teach you how to use it! ! !
After installation, it can be used directly. Many methods are not fully explained, so the function is simply implemented here.
are you ready? ↓ ↓ ↓ ↓ ↓ ↓ ↓ directly on the code ↓ ↓ ↓ ↓ ↓ ↓
The above is the idea of playing! ! !
You can simply write an array and play! ! !
The fundamental principle of drag and drop: Use the draggable property to control whether true or false can be dragged and then combine a series of drag and drop methods!