iview下拉框点击事件无效解决

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")
    }
}