<V-Model> 在 <V-Select> 内不起作用，并且只提供不可用的数据答案

【问题标题】：<V-Model> doesn't work inside <V-Select> and only give no data available<V-Model> 在 <V-Select> 内不起作用，并且只提供不可用的数据
【发布时间】：2019-04-09 08:57:33
【问题描述】：

假设我想使用 vuetify 在 vuejs 中创建 2 个文本字段和 1 个 v-select

商品 ID（v-model = id）
商品名称（v-model = 名称）
v-select (v-model = selectType, :item= ['Using Document ID', id])

但每当我尝试使用 this.id 或 id v-select 等数据时，总是返回 No data available

我尝试了一些这个主题，但它并没有解决我的问题：

Vue Preselect Value with Select, v-for, and v-model

Vue dynamic v-model within v-for

Vue JS - Bind select option value to model inside v-for

这是我的代码：

<v-flex lg12 sm12>
 <v-text-field label="Kode Penjualan" name="kodePenjualan" v-model="kodePenjualan">
 </v-text-field>
</v-flex>

<v-flex lg12 sm12>
 <v-text-field label="Komoditas" name="komoditas" v-model="komoditas">
 </v-text-field>
</v-flex>

<v-flex lg12 sm12>
 <v-select
  v-model="selectDocs"
  :items="tipeDocs"
  label="Dokumen yang Dimiliki"
 ></v-select>
</v-flex>

这是我的脚本：

data: () => ({
 kodePenjualan: null,
 komoditas: null,
 selectDocs: null,
 tipeDocs: [
   'Dokumen Usaha Dagang Perantara',      
   kodePenjualan
 ],  
}),

这就是我现在得到的

这就是我想要实现的目标

有人可以帮我解决这个问题吗？

【问题讨论】：

标签： javascript json vue.js vuejs2

【解决方案1】：

我终于可以解决这个问题了，看来我必须正确计算tipeDocs才能更新我自己的:items，

computed: {
  tipeDocs() {
    return [
      'Dokumen Usaha Dagang Perantara',
      this.kodePenjualan
    ]
  }
}

我希望这个解决方案可以帮助很多和我遇到同样问题的人

来源：Answer for my question in Vue Forum

【讨论】：