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" एतादृशे एकस्मिन् विशेषतायां बहुमूल्यानां बन्धनं उपयोगाय सुलभम् अस्ति ।
अधोलिखिते कोड् मध्ये मम केवलं एकं एट्रिब्यूट् आवश्यकम्, अतः अहं केवलं एकं बाइण्ड् करोमि ।
- <VueDraggable
- v-model="List"
- @start="onDragStart(list,$event)"
- :animation="150"
- group="people"
-
- >
- <div
- v-for="(item, index) in List"
- @click.prevent="subClick(item, index)"
- @mousemove="handleMouseMove(item, index)"
- :key="item.id"
- :myid="item.id"
-
- >
-
- 一些要拖拽的模块内容
- </div>
- </VueDraggable>
उत्तीर्णःई.वस्तु.गुणाः.म्य्इड्.मूल्यम् एवं प्राप्नुत। नोटः- e इति घटनावस्तु ।
- const onDragStart = (list,e) => {
- delEleIndex.value=e.oldIndex;
- curList.value=list;
- draggedElement.value = e.item.attributes.myid.value;
- console.log("===当前拖元素的id==",draggedElement.value);
- };