vue.js - v-select (vuetify) 不能显示选中的元素

Question

我在我的项目中使用 Vuetify。当我通过 v-select 插入一些数据时，它工作正常。同样，当我编辑也可以使用的数据时。唯一的问题是当我点击编辑时我看不到选定的元素。

这是我的代码

        <v-select
          prepend-icon="star_rate"
          :items="ratings"
          v-model="customer.rating"
          label="Rating"
          item-text="text"
          item-value="customer.rating"
          single-line
        ></v-select> 

注意：如果我使用 {{customer.rating}} 它会给出这样的输出

{ "id": 1, "text": "Bad" } 

如果我选择一个不同的元素，它会在数据库上完全改变。所以一切都很好。唯一的要求是我想在单击编辑时将此值 Bad 显示为选定元素。

这是我的项目文件的完整代码 https://github.com/Shakilzaman87/pukucrm/blob/master/src/components/customers/EditCustomer.vue

提前致谢