vuedraggable互相拖动： 禁止拖动元素，和禁止拖动到的区域，以及禁止拖动整体。

• 前端 
  
    
      {{ element.name }}
    
  



  
    
      {{ element.name }}

1，设置两个都不允许拖动

disabledA = true;
disabledB= true;

2,两个之间禁止拖动

groupA ！==groupB

3，设置禁止拖动的元素

1），首先设置 :filter=".undraggable"
2），然后通过判断列表中某一个值是否为不可拖动的值并赋值class
		:

4,设置禁止拖动到某一区域

myArray2 渲染出了10个，id分别是从0-9，假如禁止拖动myArray2或者myArray1
的元素到myArray2的第一或第二位，则需要
:move="move"
move(e){
	// 这里的e表示即将停靠的元素。
	if(e.relatedContext.element.id==='0' || e.relatedContext.element.id==='1'){
		return false;
	}
},

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/fe8c440ea3.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐