Erstellen Sie Eingabebeschriftungen als Länge des V-Modells

Question

<p><pre class="brush:php;toolbar:false;"><div v-if="quesType === 'Çoktan Seçmeli'" class="row p-3 bg-dark text-light"> <div class="col-4"> <select v-model="coktanSecmeli" class="form-select" name="" id=""> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> <div v-for="item in coktanSecmeli"> <input type="text"/> </div> </div> Standard exportieren defineComponent({ Name: „SoruEkle“, Daten() { const quesType = ""; const coktanSecmeli = 0; zurückkehren { quesType, coktanSecmeli, }; }, Komponenten: { Fehlermeldung, Feld, Bilden, }, Requisiten: { widgetClasses: String, }, Methoden: {}, });</pre>

1

0

0

P粉916553895

Antwort

Antworte allen(1)

Ich werde antworten Schließen

P粉1908832252023-09-03 20:18:13 1 Etage

您必须为 coktanSecmeli 创建一个范围。让我们为此定义计算属性：

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

或者使用标准语法：

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

那么您应该将此范围用于v-for：

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

Wie +0

Antwort hinzufügen 关闭回复

P粉916553895

Antwort

Answer 1

您必须为 coktanSecmeli 创建一个范围。让我们为此定义计算属性：

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

或者使用标准语法：

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

那么您应该将此范围用于v-for：

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