Créer des étiquettes d'entrée selon la longueur du modèle en V
P粉916553895
P粉916553895 2023-09-02 22:32:01
0
1
489
<p><pre class="brush:php;toolbar:false;"><div v-if="quesType === 'Çoktan Seçmeli'" class="ligne p-3 bg-dark text-light"> <div class="col-4"> <select v-model="coktanSecmeli" class = "form-select" nom="" id=""> <valeur de l'option="3">3</option> <valeur de l'option="4">4</option> <valeur de l'option="5">5</option> <valeur de l'option="6">6</option> </sélectionner> </div> <div v-for="élément dans coktanSecmeli"> <type d'entrée="texte"/> </div> </div> exporter le composant défini par défaut ({ nom : "SoruEkle", données() { const quesType = ""; const coktanSecmeli = 0; retour { type de requête, coktanSecmeli, } ; }, Composants: { Message d'erreur, Champ, Formulaire, }, accessoires : { widgetClasses : chaîne, }, méthodes : {}, });</pré> <p>型的长度。我也尝试过使用 array et v-html 但没有成功。< ;/p>
P粉916553895
P粉916553895

répondre à tous(1)
P粉190883225

Vous devez créer une gamme pour coktanSecmeli. Définissons une propriété calculée pour cela :

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

Ou utilisez la syntaxe standard :

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

Ensuite, vous devriez utiliser cette gamme pour v-for :

<div v-for="key in range">
  <input type="text" :key="key"/>
</div>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal