v-select（vuetify）无法显示seleted元素

Question

我在我的项目中使用Vuetify。当我通过v-插入一些数据时，选择其工作正常。当我编辑那些也有效的数据时。唯一的问题是，当我点击编辑时，我无法看到所选元素。

这是我的代码

        <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" } 

如果我选择一个不同的元素，它在数据库上的完美变化。一切都很好。唯一的要求是当我点击编辑时，我希望将此值显示为选定元素。

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

提前致谢