vue+element实现跨区域复制拖放

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+element实现跨区域复制拖放相关的知识,希望对你有一定的参考价值。


1、关键代码

// 最终操作
dragend(data) {
	let discharge = this.discharge,
		id = this.id;
	for (let i = 0; i < discharge.length; i++) {
		if (discharge[i].id == id) {
			// includes() 方法不能识别数组对象
			// 通过 map() 方法把 children 数组对象转成纯数组
			if (this.discharge[i].children.map(item => item.id).includes(data.id)) return this.$message.warning("不能添加重复数据");
			this.discharge[i].children.unshift(data);
		}
	}
}

2、完整代码

gitee(码云) - mj01分支 - vueCopyDragAndDrop 文件

以上是关于vue+element实现跨区域复制拖放的主要内容,如果未能解决你的问题,请参考以下文章

vue+html5+原生dom+原生JavaScript实现跨区域拖放

移动计算云分布式数据缓存服务,实现快速可靠的跨区域多活复制

S3 跨区域复制

以递增方式跨区域复制RDS数据库快照

DynamoDB跨区域复制AWS Java SDK

在 aws redshift 中自动化跨区域复制表