Question

我是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中的dropdown一样？

Answer 1

您可以在按钮上添加@change事件：

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

Vue.js和Vuetify：单击项目时的调用方法

1 个答案: