我用vue.js 2.0和我使用可拖动表格Vue.Draggable。它没有错误,但是当我尝试拖动时tr
,它没有移动。但是使用div
然后它移动了。我错过了什么吗?
索引.html
<div id="service-list">
<table>
<draggable :list="services" :element="'tbody'">
<tr v-for="service in services">
<td>{{ service.name }}</td>
<td>{{ service.price }}</td>
</tr>
</draggable>
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
应用程序.js
var service_list = new Vue({
el: '#service-list',
data: {
services: []
},
mounted: function() {
var that = this;
$.get({
url: 'use my url',
success: function(res) {
that.services = res;
}
})
}
Run Code Online (Sandbox Code Playgroud)