щелкните элемент раскрывающегося списка iView UI

Question

Я пытаюсь применить событие щелчка в интерфейсе iView.Вот что я пытаюсь

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

Метод markAsRead не запускается.как я могу заставить его работать?Спасибо.

Answer 1

Из документации iView по Dropdown вы можете видеть, что когда пользователь нажимает на выпадающий элемент, Dropdown запускает событие щелчка, в качестве аргумента которого используется имя элемента выпадающего меню.

ДляВ раскрывающемся списке вы можете использовать событие «по щелчку» (не собственное событие «щелчок») на <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>

Answer 2

Вы должны использовать @click или v-on: click.

Это будет работать:

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

больше на событиях VueJS