ElementUI Dropdown 下拉列表

2022-05-17 04:16:21 字數 1376 閱讀 1218

在後台專案中,使用dropdown 下拉列表時,發現對el-dropdown-item繫結點選事件時,一直沒有觸發,比如:

<

el-dropdown-item

@click

="password()"

>修改密碼

el-dropdown-item

>

後來查閱官方文件,原來是使用方式不對。接下來,介紹一下正確使用方法。

點選選單項後會觸發事件,使用者可以通過相應的選單項 key 進行不同的操作

test.vue

<

template

>

<

div

style

="width: 70%;margin-left: 30px;margin-top: 30px;"

>

<

el-dropdown

@command

="handlecommand"

>

<

i class

="el-icon-user-solid"

style

="margin-right: 15px"

>

i>

<

el-dropdown-menu

slot

="dropdown"

>

<

el-dropdown-item

command

="password"

>修改密碼

el-dropdown-item

>

<

el-dropdown-item

command

="logout"

>退出

el-dropdown-item

>

el-dropdown-menu

>

el-dropdown

>

div>

template

>

<

script

>

export

default

},methods:

else

},//退出

async logout() ,

//修改密碼

changepassword(),

}}script

>

<

style

>

.el-dropdown i

style

>

view code

注意:在command中指定不同的指令,就可以做進一步的判斷了。

訪問測試頁面,效果如下:

WebDriver API 之操作單選下拉列表

選擇下拉列表首先需要匯入依賴包 select是個類 兩種方法 from selenium.webdriver.support.ui import select from selenium.webdriver.support.select import select第一步 例項化select類物件 s...

Delphi XLgrid 動態建立下拉框列

delphi xlgrid 動態建立下拉框列 由於自己要用xlgrid 實現excel匯入,但是有一些列想動態設定為 下拉框,並且能自動填充設定的東西。delphi xlgrid 動態建立列 動態設定 formatcell屬性。比如 要設定1行1列的格仔為 下拉框 要用到xlmanager 這個物件...

如何給ALV某列設定下拉列表

首先要明確設定下拉列表 超連結什麼的都是事件,需要在alv輸出函式reuse alv grid display lvc裡傳 it events gt events。來寫乙個事件告訴程式 接著就需要定義 事件的內錶gt events 下拉列表的內錶gt dropdown 輸出表的字段型別定義中新增 d...