Vue.js 显示表格数据以vuetify选择标记

我正在使用laravel作为后端和vue js。vuetify用于前端

基本上，我想在vuetify中将数据从我的表显示到我的v-select标记这里是我目前的代码片段

locations_table 
id  name
1   box 1
2   box 2
3   box 3

这是我的v-select标签

<v-col cols="12" sm="12" md="6">
    <v-select :items="locations" label="Location" v-model="item.location"></v-select>
</v-col>

最后是输出。

希望有人能帮忙

谢谢

项目

可以是对象数组或字符串数组。使用对象时， 将查找文本、值和禁用的键。这是可以改变的 使用项目文本、项目值和项目禁用道具。反对 具有标头或分隔符属性被视为特殊情况，并且 生成列表头或分隔符；这些项目不可选择

如果无法更改对象的模式，请使用

项目文本
项目值
道具

<v-col cols="12" sm="12" md="6">
    <v-select :items="locations"
           :item-text="pr => pr.name"
           :item-value="pr => pr.id"
           label="Location"
           v-model="item.location"></v-select>
</v-col>



<v-col cols="12" sm="12" md="6">
    <v-select :items="locations"
           :item-text="pr => pr.name"
           :item-value="pr => pr.id"
           label="Location"
           v-model="item.location"></v-select>
</v-col>