MyDrop 放置组件
- Source:
Members
(inner) props
- Source:
Properties:
| Name | Type | Attributes | Description |
|---|---|---|---|
accept |
String | Array |
<optional> |
可放置的拖拽实例名称，与MyDrag的group参数值对应 |
disabled |
Boolean |
<optional> |
是否禁用 |
activeClass |
String |
<optional> |
激活时自定义样式 |
enterClass |
String |
<optional> |
拖拽进入时自定义样式 |
activeHighlight |
Boolean |
<optional> |
激活时高亮 |
enterHighlight |
Boolean |
<optional> |
进入时高亮 |
prevent |
Boolean |
<optional> |
是否阻止放置事件传播, my-drop 允许嵌套，为true时，子组件触发drop，不会传播给父组件 |
属性参数
(inner) slots
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
default |
string | 默认插槽，定义内容 |
插槽
Events
drop
- Source:
放置时触发
Parameters:
| Name | Type | Description |
|---|---|---|
drag |
VueComponent | 拖拽实例 |
drop |
VueComponent | 放置实例 |
enter
- Source:
拖拽进入放置区时触发
Parameters:
| Name | Type | Description |
|---|---|---|
drag |
VueComponent | 拖拽实例 |
drop |
VueComponent | 放置实例 |
leave
- Source:
拖拽离开放置区时触发
Parameters:
| Name | Type | Description |
|---|---|---|
drag |
VueComponent | 拖拽实例 |
drop |
VueComponent | 放置实例 |
over
- Source:
在放置区移动时触发
Parameters:
| Name | Type | Description |
|---|---|---|
drag |
VueComponent | 拖拽实例 |
drop |
VueComponent | 放置实例 |