How to use the html5sortable function in html5sortable
To help you get started, we’ve selected a few html5sortable examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
LuLuCodes / vue-back-end-template / src / views / GoodManager / add.vue View on Github 
this.$nextTick(() => {
sortable('.el-upload-list--picture-card', {
items: '.el-upload-list__item',
forcePlaceholderSize: true,
placeholderClass: 'my-sortable-placeholder'
});
sortable('.el-upload-list--picture-card')[0].addEventListener('sortupdate', (e) => {
// 调整图片顺序后，更新图片列表数组
console.log(`e.detail.index: ${e.detail.index}`);
console.log(`e.detail.oldindex: ${e.detail.oldindex}`);
});
});
},this.$nextTick(() => {
sortable('.el-upload-list--picture-card', {
items: '.el-upload-list__item',
forcePlaceholderSize: true,
placeholderClass: 'my-sortable-placeholder'
});
});
}this.$nextTick(() => {
sortable('.el-upload-list--picture-card', {
items: '.el-upload-list__item',
forcePlaceholderSize: true,
placeholderClass: 'my-sortable-placeholder'
});
});
}html5sortable
VanillaJS sortable lists and grids using native HTML5 drag and drop API.
