Vue EasyUI 分割按鈕

2020-06-24 11:49 更新

分割按鈕( SplitButton )與菜單按鈕( MenuButton )相似,也與鏈接按鈕( LinkButton )和菜單( Menu )相關(guān)。 分割按鈕( SplitButton )與菜單按鈕( MenuButton )不同點(diǎn)在于分割按鈕( SplitButton )被分割為兩部分。當(dāng)鼠標(biāo)懸停在分割按鈕( SplitButton )上,將顯示一條分割線。只有當(dāng)鼠標(biāo)懸停在按鈕右側(cè)部分才會顯示菜單( Menu )。

使用方法

<SplitButton text="Help" :plain="true" iconCls="icon-help">
    <Menu>
        <MenuItem text="Help"></MenuItem>
        <MenuItem text="Update"></MenuItem>
        <MenuItem text="About"></MenuItem>
    </Menu>
</SplitButton>

  • 菜單( Menu )豐富了分割按鈕( SplitButton )的功能性。參考圖例:

splitbutton

注:
- 繼承: MenuButton 。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號