MyResize 拖拽更新尺寸组件, 与drag同时使用时,drag要在外层
- Source:
Members
(inner) props
- Source:
Properties:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
axis |
String |
<optional> |
限制拖拽方向可选: v 垂直、h 水平,默认不限制 |
|
disabled |
Boolean |
<optional> |
是否禁用 |
|
animate |
Boolean |
<optional> |
是否要动画, 建议在helper为true时开启 |
|
helper |
Boolean |
<optional> |
显示临时辅助层 |
|
minWidth |
Number |
<optional> |
0
|
最小宽度 |
minHeight |
Number |
<optional> |
0
|
最小高度 |
maxWidth |
Number |
<optional> |
Infinity
|
最大宽度 |
maxHeight |
Number |
<optional> |
Infinity
|
最大高度 |
属性参数
(inner) slots
- Source:
Properties:
Name | Type | Description |
---|---|---|
default |
string | 默认插槽,定义主体内容 |
icon |
string | 定义右下角的图标 |
插槽
Events
resize
- Source:
正在改变尺寸时触发
Parameters:
Name | Type | Description |
---|---|---|
resize |
VueComponent | MyResize实例 |
start
- Source:
开始拖拽时触发
Parameters:
Name | Type | Description |
---|---|---|
resize |
VueComponent | MyResize实例 |
stop
- Source:
停止改变尺寸时触发
Parameters:
Name | Type | Description |
---|---|---|
resize |
VueComponent | MyResize实例 |