javascript - iView UI 下拉项单击

Question

我正在尝试在 iView ui 中应用单击事件。这是我正在尝试的:

<DropdownMenu slot="list">
     <DropdownItem @on-click="markAsRead">Mark as read</DropdownItem>
</DropdownMenu>

markAsRead 方法未运行。我怎样才能让它运行？

Answer 1

来自iView documentation on Dropdown您可以看到，当用户单击下拉项时，下拉项会触发单击事件，该事件将下拉项的“名称”作为其参数。

对于下拉菜单，您可以在<Dropdown>上使用“单击”事件(不是 native “单击”事件) (不在 <DropdownMenu> 上，也不在 <DropdownItem> 上)。所以你的代码应该是这样的:

<Dropdown @on-click = "setReadStatus(name)">
    <a href="javascript:void(0)">
        Mark as read/unread
        <Icon type="ios-arrow-down"></Icon>
    </a>
    <DropdownMenu slot="list">
        <DropdownItem :name="read">Mark as read</DropdownItem>
        <DropdownItem :name="unread">Mark as unread</DropdownItem>
    </DropdownMenu>
</Dropdown>