Buat label input sebagai panjang model v

Question

<div v-if="QuesType === 'Çoktan Seçmeli'" class="baris p-3 bg-teks-gelap-cahaya">
                <div class="col-4">
                  <select v-model="coktanSecmeli" class="pilih bentuk" nama="" id="">
                    <nilai pilihan="3">3</option>
                    <nilai pilihan="4">4</option>
                    <nilai pilihan="5">5</option>
                    <nilai pilihan="6">6</option>
                  </select>
                </div>
                <div v-for="item dalam coktanSecmeli">
                  <jenis input="teks"/>
                </div>
              </div>

eksport lalai defineComponent({
  nama: "SoruEkle",
  data() {
    const questType = "";
    const coktanSecmeli = 0;
    kembali {
      questType,
      coktanSecmeli,
    };
  },
  komponen: {
    ErrorMessage,
    padang,
    Borang,
  },
  alat peraga: {
    widgetKelas: Rentetan,
  },
  kaedah: {},
});

我尝试过，但无法解决这个问题。我如何获取 v-model 的长度并使用该长度创中文的长度。我也尝试过使用 tatasusunan 和 v-html 但没有成功。< ;/p>

Answer 1

Anda mesti mencipta julat untuk coktanSecmeli. Mari kita tentukan sifat yang dikira untuk ini:

range() {
  return [...Array(this.coktanSecmeli).keys()];
}

Atau gunakan sintaks standard:

range() {
  return Array.from(Array(this.coktanSecmeli).keys());
}

Maka anda harus menggunakan julat ini untuk v-for:

<div v-for="key in range">
  <input type="text" :key="key"/>
</div>