Κοινή χρήση τεχνολογίας

Το στοιχείο Vue με δυνατότητα μεταφοράς, κατά τη μεταφορά ενός στοιχείου, λαμβάνει τα δεδομένα που ορίζονται στα δεδομένα ή τη ρύθμιση στο στοιχείο

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Για παράδειγμα, πρέπει να λάβω τα δεδομένα του τρέχοντος συρμένου στοιχείου στη συνάρτηση έναρξης μεταφοράς, κυρίως προσθέτοντας προσαρμοσμένα χαρακτηριστικά στο στοιχείο.

Εάν πρέπει να λάβετε ένα αναγνωριστικό χαρακτηριστικού σε μια κυκλική λίστα, τότεΠροσαρμόστε ένα χαρακτηριστικό myidΔέστε στο στοιχείο.

Φυσικά: αν θέλετε να περάσετε σε πολλαπλά, μπορείτε να χρησιμοποιήσετε συμβολοσειρές για να τα συνδυάσετε μεταξύ τους και τελικά να τα επεξεργαστείτε σύμφωνα με τις απαιτούμενες τιμές.

π.χ.: :myid="item.id+','+item.schoolId" Η σύνδεση πολλαπλών τιμών σε ένα χαρακτηριστικό όπως αυτό είναι βολικό για χρήση.

Στον παρακάτω κώδικα, χρειάζομαι μόνο ένα χαρακτηριστικό, επομένως δεσμεύω μόνο ένα.

  1. <VueDraggable
  2. v-model="List"
  3. @start="onDragStart(list,$event)"
  4. :animation="150"
  5. group="people"
  6. >
  7. <div
  8. v-for="(item, index) in List"
  9. @click.prevent="subClick(item, index)"
  10. @mousemove="handleMouseMove(item, index)"
  11. :key="item.id"
  12. :myid="item.id"
  13. >
  14. 一些要拖拽的模块内容
  15. </div>
  16. </VueDraggable>

πέρασμαe.item.attributes.myid.value Αποκτήστε το έτσι. Σημείωση: το e είναι το αντικείμενο συμβάντος.

  1. const onDragStart = (list,e) => {
  2. delEleIndex.value=e.oldIndex;
  3. curList.value=list;
  4. draggedElement.value = e.item.attributes.myid.value;
  5. console.log("===当前拖元素的id==",draggedElement.value);
  6. };