Commit 7f035c372b892fd3d56b8149ac0e1e797acd9df3
Committed by
GitHub

1 parent
31b4618b
change api name
Showing
1 changed file
with
8 additions
and
9 deletions
Show diff stats
src/components/table/table-tr.vue
1 | <template> | 1 | <template> |
2 | - <tr :class="rowClasses(row._index)" :draggable="drag" v-on:dragstart="onDrag($event,row._index)" v-on:drop="onDrop($event,row._index)" v-on:dragover="allowDrop($event)" v-if="drag" ><slot></slot></tr> | ||
3 | - <tr :class="rowClasses(row._index)" v-else ><slot></slot></tr> | 2 | + <tr :class="rowClasses(row._index)" :draggable="draggable" @dragstart="onDrag($event,row._index)" @drop="onDrop($event,row._index)" @dragover="allowDrop($event)" v-if="draggable"><slot></slot></tr> |
3 | + <tr :class="rowClasses(row._index)" v-else><slot></slot></tr> | ||
4 | </template> | 4 | </template> |
5 | <script> | 5 | <script> |
6 | export default { | 6 | export default { |
7 | props: { | 7 | props: { |
8 | row: Object, | 8 | row: Object, |
9 | prefixCls: String, | 9 | prefixCls: String, |
10 | - drag:Boolean | 10 | + draggable: Boolean |
11 | }, | 11 | }, |
12 | computed: { | 12 | computed: { |
13 | objData () { | 13 | objData () { |
@@ -15,16 +15,15 @@ | @@ -15,16 +15,15 @@ | ||
15 | } | 15 | } |
16 | }, | 16 | }, |
17 | methods: { | 17 | methods: { |
18 | - onDrag(e,index){ | 18 | + onDrag (e,index) { |
19 | e.dataTransfer.setData("index",index); | 19 | e.dataTransfer.setData("index",index); |
20 | }, | 20 | }, |
21 | - onDrop(e,index){ | ||
22 | - var dragIndex = e.dataTransfer.getData("index"); | 21 | + onDrop (e,index) { |
22 | + const dragIndex = e.dataTransfer.getData("index"); | ||
23 | this.$parent.$parent.dragAndDrop(dragIndex,index); | 23 | this.$parent.$parent.dragAndDrop(dragIndex,index); |
24 | e.preventDefault(); | 24 | e.preventDefault(); |
25 | }, | 25 | }, |
26 | - allowDrop(e) | ||
27 | - { | 26 | + allowDrop (e) { |
28 | e.preventDefault(); | 27 | e.preventDefault(); |
29 | }, | 28 | }, |
30 | rowClasses (_index) { | 29 | rowClasses (_index) { |
@@ -42,4 +41,4 @@ | @@ -42,4 +41,4 @@ | ||
42 | }, | 41 | }, |
43 | } | 42 | } |
44 | }; | 43 | }; |
45 | -</script> | ||
46 | \ No newline at end of file | 44 | \ No newline at end of file |
45 | +</script> |