获取更改时的选定值

Question

我正在使用 v-select/v-autocomplete:

<v-autocomplete
    v-modal="newRole"
    :items="roles"
    label="--Change role--"
    required
    return-object
    item-value="id"
    item-text="name"
    @input="changeRole(row.id, newRole)"
    @blur="$v.form.roles.$touch()"
   >
    </v-autocomplete>

在更改下拉列表的值时，我想获取选定的值，但未定义。

export default {
data() {
    return {
        roles:[{name: 'Admin', id:'1'}],
        newRole:null,
    }
   },
 methods: {
  changeRole(id, selected){
   alert(selected)
 },
}

有人可以帮我解决这个问题吗？

Answer 1

您的自动完成中有错字：

更改此 v-modal="newRole" -> v-model="newRole"

我想就是这样了。

获取更改时的选定值

Get selected value on change

javascript

vue.js

dropdown

vuetify.js