प्रौद्योगिकी साझेदारी

Vue draggable घटकः, यदा कञ्चन तत्त्वं कर्षति, तदा, दत्तांशे परिभाषितं दत्तांशं वा तत्त्वे सेटअपं वा प्राप्नोति

2024-07-12

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

यथा, मया drag start function इत्यस्मिन् वर्तमानस्य dragged element इत्यस्य data प्राप्तुं आवश्यकम्, मुख्यतया element मध्ये custom attributes योजयित्वा ।

यदि भवन्तः वृत्तसूचिकायां attribute id प्राप्तुं प्रवृत्ताः सन्ति तर्हिएकं विशेषता myid अनुकूलितं कुर्वन्तुतत्त्वे बन्धनं कुरुत।

अवश्यं: यदि भवान् बहुषु उत्तीर्णं कर्तुम् इच्छति तर्हि तान् एकत्र स्प्लिस कर्तुं स्ट्रिंग्-उपयोगं कर्तुं शक्नोति, अन्ते च आवश्यकमूल्यानुसारं संसाधितुं शक्नोति ।

eg: :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 इति घटनावस्तु ।

  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. };