vue-draggable对表格内tr拖拽问题
代码如下:
<table class="table table-condensed">
<caption>编排工序</caption>
<thead>
<tr>
<th>名称1</th>
<th>名称2</th>
<th>名称3</th>
<th>名称4</th>
<th>名称5</th>
<th>名称6</th>
</tr>
</thead>
<tbody>
<draggable class="list-group" v-model="arrangeP" :options="dragOptions" @remove="reuse">
<tr v-for="(item,index) in arrangeP" :key="'item'+index">
<td>{{item.complete}}</td>
<td>{{item.code}}</td>
<td>{{item.name}}</td>
<td>{{item.time}}</td>
<td>{{item.person}}</td>
<td>{{item.stations}}</td>
</tr>
</draggable>
</tbody>
</table>
我把组件draggable标签加上elemenet="tr" 然后去掉tr,出现以下情况
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
自己解决了,把<tbody>标签去掉,然后用draggable渲染成<tbody>就好了
请问,如果把draggable渲染成<tbody>
请问下可以拿到拖拽的数据吗,比如说我想拖动上衣到右边的列表
然后如何拿到上衣这条数据
<tr v-for="(item,index) in arrangeP" :key="'item'+index">
这个列表的内容可以拖拽排序吗?
可以使用elementUI的表格组件吗
能把demo分享一下吗?在使用这个的时候,table无法拖拽。
https://codepen.io/yxjhasadre...