Vue EasyUI 調(diào)整大小

2020-06-24 11:37 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
disabled boolean 為True時,禁用調(diào)整。 false
handles string 表示可調(diào)整大小的方向??蛇x值:'n', 'e', 'w', 's', 'ne', 'se', 'sw', 'nw', all 。 all
edge number 調(diào)整大小的邊框邊緣。 5
minWidth number 調(diào)整大小時的最小寬度。 10
minHeight number 調(diào)整大小時的最小高度。 10
maxWidth number 調(diào)整大小時的最大寬度。 10000
maxHeight number 調(diào)整大小時的最大高度。 10000

事件列表

名稱 參數(shù) 作用描述
resizeStart state 開始調(diào)整大小時觸發(fā)。
resizing state 調(diào)整放置。
resizeStop state 停止調(diào)整大小時觸發(fā)。

注:
- 繼承: None 。

使用方法

通過 HTML 標(biāo)記創(chuàng)建元素,使用 Vue.js 的 V-指令使用調(diào)整大?。?Resizable )組件。

<div v-Resizable="{minWidth:100,minHeight:100}" class="item" >
  <div style="padding:20px;text-align:center">Resize Me</div>
</div>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號