官方文档:传送门
特点:
<draggable v-model="specimenTableColumnsList" animation="300">
<div v-for="(item, index) of specimenTableColumnsList" :key="index" v-show="!item.fixed" class="table-typeset-model">
{{ item.title }}
</div>
</draggable>
import draggable from 'vuedraggable'
export default {
name: "SearchGroup",
data() {
return {
specimenTableColumnsList: [
{title: '标本条码', fixed: 'left', ...},
{title: '当前箱码', ...}, {title: '合箱标记', ...}, {...}]
}
},
components: { draggable }
}
draggable标签的属性
options配置项
事件