如何从Vuetify VAutocomplete获取item-value属性值？VueJS

你可以通过两种方式实现需求：

方法一：监听v-model变量的变化 #

因为你的v-model绑定的是selectAcc，且item-value="id"，所以selectAcc的值就是选中项的id。直接在watch中监听selectAcc，当它变化时调用自定义函数：

修改watch部分代码：

watch: {
    searchAcc (val) {
        val && val !== this.selectAcc && this.querySelections(val)
    },
    // 新增监听选中值的变化
    selectAcc (selectedId) {
        // 选中值不为空时执行函数
        if (selectedId !== null) {
            this.functionAddIdtoSelector(selectedId)
        }
    }
},

同时更新自定义函数，接收选中的ID参数：

functionAddIdtoSelector(selectedId) {
    // 这里使用传入的选中ID值
    console.log('选中的ID是:', selectedId)
    // 编写你的业务逻辑代码
}

方法二：使用组件的change事件 #

直接在v-autocomplete标签上绑定@change事件，选中项变化时自动触发函数并传入选中值：

修改模板中的v-autocomplete组件：

<v-autocomplete
    name="coordenador_pessoa_id"
    v-model="selectAcc"
    v-model:search="searchAcc"
    :loading="loadingAcc"
    label="Coordenador do Curso"
    menu-icon=""
    :items="itemsAcc"
    item-value="id"
    item-title="nome"
    hide-details
    variant="outlined"
    density="compact"
    @change="functionAddIdtoSelector" <!-- 新增这行事件绑定 -->
></v-autocomplete>

然后更新自定义函数接收参数：

functionAddIdtoSelector(selectedId) {
    // 这里使用传入的选中ID值
    console.log('选中的ID是:', selectedId)
    // 编写你的业务逻辑代码
}

两种方法都能满足需求，选择你习惯的方式即可。

内容的提问来源于stack exchange，提问作者Dionísio Pereira Júnior