не работает внутрии только не дают никаких данных

Question

допустим, я хочу сделать 2 текстовых поля и 1 v-select в vuejs, используя vuetify

• Идентификатор Comodity (v-model = id)
• Имя Comodity (v-модель = имя)
• v-select (v-model = selectType,: item = ['Using Document ID', id])

но всякий раз, когда я пытаюсь использовать данные, такиекак this.id или id v-select всегда возвращать No data available

Я пробовал некоторые из этой темы, но это не решает мою проблему:

Vue Preselect Value withSelect, v-for и v-модель

Vue динамическая v-модель в v-for

Vue JS - значение опции выбора привязкидля моделирования внутри 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
 ],  
}),

это то, что я получил прямо сейчас

Это то, чего я хочу достичь

банкакто-нибудь поможет мне с этим?

Answer 1

Наконец-то я могу решить эту проблему, кажется, я должен правильно вычислить tipeDocs, чтобы обновить свои :items,

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

Надеюсь, это решение поможет многим людям, которые застряли со мной в одной и той же проблеме

источник: Ответ на мой вопрос в Vue Forum