CRMEB运营之贴心小功能：商品轮播图可拖动排序

draggable="true"

@dragstart="handleDragStart($event, item)"

@dragover.prevent="handleDragOver($event, item)"

@dragenter="handleDragEnterForSliderImage($event, item)"

@dragend="handleDragEnd($event, item)"

>

然后在下面的vue中的methods对象里添加如下方法：

handleDragEnterForSliderImage (e, item) {

e.dataTransfer.effectAllowed = 'move'

if (item === this.dragging) {

return

}

var newItems = [...this.formData.slider_image];

var src = newItems.indexOf(this.dragging);

var dst = newItems.indexOf(item);

newItems.splice(dst, 0, ...newItems.splice(src, 1))

this.formData.slider_image = newItems;

}

这样既可拖动轮播图片进行排序了，排序后点保存既可生效，小程序端就可看到效果了。

4.03版本营销插件，请移步：http://bbs.crmeb.net/thread-4795-1-1.html

更多贴心小功能、营销插件可进群获取，qq群号：175694856