首頁  >  問答  >  主體

建立輸入標籤作為 v-model 的長度

<p><pre class="brush:php;toolbar:false;"><div v-if="quesType === 'Çoktan Seçmeli'" class="p-3 行 bg-dark text-light"> <div class="col-4"> <選擇 v-model=“coktanSecmeli”類別=“表單選擇”名稱=“” id=""> <選項值=“3”>3</選項> <選項值=“4”>4</選項> <選項值=“5”>5</選項> <選項值=“6”>6</選項> </選擇>
<div v-for=“coktanSecmeli 中的項目”> <輸入類型=“文字”/>
導出預設定義組件({ 名稱:“索魯埃克勒”, 數據() { const quesType = “”; 常數 coktanSecmeli = 0; 返回 { 問題類型, 科克坦塞梅利, }; }, 成分: { 錯誤訊息, 場地, 形式, }, 道具: { 小部件類別:字串, }, 方法: {}, });</pre> <p>我嘗試過,但無法解決這個問題。我如何獲取v-model 的長度並使用該長度創建html 標籤作為該模型的長度。我也嘗試過使用數組和v-html 但沒有成功。< ; ;/p>
P粉916553895P粉916553895412 天前431

全部回覆(1)我來回復

  • P粉190883225

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

    您必須為 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>

    回覆
    0
  • 取消回覆