小编Pen*_*uin的帖子

可拖动表 tr 在 vue.js 中未移动

我用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)

html-table draggable vue.js vuejs2

3
推荐指数
2
解决办法
7465
查看次数

标签 统计

draggable ×1

html-table ×1

vue.js ×1

vuejs2 ×1