Datatable onchange中的v-select不能传值

【问题标题】：V-select in Datatable onchange cannot pass the valueDatatable onchange中的v-select不能传值
【发布时间】：2021-04-29 23:16:15
【问题描述】：

改变v-select值时是否可以传递item值和select值？

<template #item.progress="{ item }">
    <div>
        <v-select
            :items="list"
            label="status"
            :model="item.progress"
            @change="changeProgress(item)"
        ></v-select>
    </div>
</template>

methods: {
    changeProgress(item) {
        console.log(item);
        console.log(this.val);
    }
},

【问题讨论】：

标签： vue.js vuejs2 vue-component vuetify.js

【解决方案1】：

首先将:model改为v-model=，这是Vue内置默认模型绑定的语法：

v-model="item.progress"

现在item.progress 属性将在选择更改时自动更新。如果您仍然需要在 change 处理程序中做更多的事情，您可以通过传递 $event 变量（它将保存所选值）与项目一起传递：

@change="changeProgress($event, item)"

您的处理程序应该具有如下结构：

methods: {
  changeProgress(selected, item) {
    console.log(selected, item);
  }
}

【讨论】：