javascript - iView UI下拉项单击

我正在尝试在iView ui中应用click事件。这是我正在尝试的：

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

方法markAsRead无法运行。如何运行？

最佳答案

从iView documentation on Dropdown中，您可以看到，当用户单击Dropdown Item时，Dropdown将触发on-click事件，该事件具有Dropdown Item的“名称”作为参数。

对于下拉菜单，您可以在<Dropdown>上使用“单击”事件（不是本机“单击”事件）（不在<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>

关于javascript - iView UI下拉项单击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52464192/