iview下拉框點選事件無效

vue+iview做下拉框點選事件時發現一直無法響應，發現對於dropdownItem是沒有這個屬性的，因此不能直接使用@click，但是iview提供了一個在父容器上的點選事件。

<Dropdown placement="bottom-start" style="margin-left: 20px" @on-click="myInfo">
    <a href="javascript:void(0)">
    我的
    <Icon type="ios-arrow-down"></Icon>
    </a>
    <DropdownMenu slot="list">
        <DropdownItem name="personal">個人中心</DropdownItem>
        <DropdownItem name="myBlog">我的創作</DropdownItem>
        <DropdownItem name="alertInfo">資訊更改</DropdownItem>
        </DropdownMenu>
</Dropdown>
 

這裡@on-click返回值是DropdownItem的name屬性
js方法：

myInfo(name){
    console.log(name)
    if (name == 'personal') {
         this.$router.push('/myInfo')
    } else if (name == 'myBlog') {
         console.log("myBlog")
    } else {
         console.log("alertInfo")
    }
}