Vue.js и Vuetify: метод вызова при нажатии на элемент

#vue.js #vuetify.js

#vue.js #vuetify.js

Вопрос:

Я новичок в javascript и Vue.js . Я пытаюсь переключиться vue-bootstrap на vuetify . Что я хочу сделать, так это вызвать метод при нажатии на выпадающий элемент.

Мой предыдущий код с использованием vue-bootstrap выглядит следующим образом.

 <! -- This part is inside for loop -->
<b-dropdown variant="transparent">
    <b-dropdown-item @click="aMethod(index, 'Hello')">A</b-dropdown-item>
    <b-dropdown-item @click="aMethod(index, 'Bye')">B</b-dropdown-item>
</b-dropdown>
  

И теперь я хочу сделать это с помощью vuetify, но как я могу вызвать метод?

 <v-overflow-btn label="A" :items="aList" />

...
aList: [{text: 'A'},{text: 'B'}]
  

Я хочу передать индекс в качестве параметра методу.

Также как я могу сделать метку по умолчанию такой же, как у элементов, подобных выпадающему в bootstrap?

Ответ №1:

Вы можете добавить @change событие для своей кнопки:

 <v-overflow-btn label="A" :items="aList" @change="aMethod(arg1, arg2, etc...)" />
  

Комментарии:

1. Как я могу передать разные параметры в зависимости от элемента?