Vue EasyUI 调整大小
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| disabled | boolean | 为True时，禁用调整。 | false |
| handles | string | 表示可调整大小的方向。可选值：'n', 'e', 'w', 's', 'ne', 'se', 'sw', 'nw', all 。 | all |
| edge | number | 调整大小的边框边缘。 | 5 |
| minWidth | number | 调整大小时的最小宽度。 | 10 |
| minHeight | number | 调整大小时的最小高度。 | 10 |
| maxWidth | number | 调整大小时的最大宽度。 | 10000 |
| maxHeight | number | 调整大小时的最大高度。 | 10000 |
事件列表
| 名称 | 参数 | 作用描述 |
|---|---|---|
| resizeStart | state | 开始调整大小时触发。 |
| resizing | state | 调整放置。 |
| resizeStop | state | 停止调整大小时触发。 |
注：
- 继承： None 。
使用方法
通过 HTML 标记创建元素，使用 Vue.js 的 V-指令使用调整大小（ Resizable ）组件。
<div v-Resizable="{minWidth:100,minHeight:100}" class="item" >
<div style="padding:20px;text-align:center">Resize Me</div>
</div>