閱讀(2k) 書簽贊(0) 我要糾錯

Vue EasyUI 鏈接按鈕

2020-06-24 11:47 更新

鏈接按鈕（ LinkButton ）用于創(chuàng)建一個超鏈接按鈕。鏈接按鈕（ LinkButton ）可顯示圖標(biāo)和文本，或者僅僅顯示圖標(biāo)和文本中的一個，按鈕寬度可動態(tài)收縮/擴(kuò)展以適應(yīng)其文本標(biāo)簽。

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
disabled	boolean	為True時,禁用按鈕。	false
toggle	boolean	為True時，使用戶能夠?qū)⑵錉顟B(tài)切換為已選擇或未選擇。	false
selected	boolean	是否選擇按鈕的狀態(tài)。	false
outline	boolean	是否顯示大綱邊框。	false
plain	boolean	表現(xiàn)出一種無格式的效果。	false
iconCls	string	在左邊顯示16x16圖標(biāo)的CSS類。	null
iconAlign	string	按鈕圖標(biāo)的位置?？蛇x的值:'left', 'right', 'top', 'bottom'。	left
size	string	按鈕的大小。可選的值: 'small','large'。	small
btnCls	string	按鈕樣式類。	null
btnStyle	Object	按鈕內(nèi)聯(lián)樣式。	null
text	boolean	按鈕的文本。	null

事件列表

名稱	參數(shù)	作用描述
click	none	單擊按鈕時觸發(fā)。

方法列表

名稱	參數(shù)	返回值	作用描述
focus	none	void	聚焦按鈕。
blur	none	void	失焦按鈕。

注：
- 繼承： None 。

使用方法

<LinkButton iconCls="icon-add">Add</LinkButton>
<LinkButton iconCls="icon-remove">Remove</LinkButton>
<LinkButton iconCls="icon-save">Save</LinkButton>
<LinkButton iconCls="icon-cut" :disabled="true">Cut</LinkButton>