v モデルの長さとして入力ラベルを作成する

Question

<div v-if="quesType === 'Çoktan Seçmeli'" class="行 p-3 bg-dark text-light">
                <div class="col-4">
                  <select v-model="coktanSecmeli"クラス= "フォーム選択"名前="" id="">>
                    <オプション値=「3」>3</オプション>
                    <オプション値=「4」>4</オプション>
                    <オプション値="5">5</オプション>
                    <オプション値=「6」>6</オプション>
                  </選択>
                </div>
                <div v-for="coktanSecmeli のアイテム">
                  <入力タイプ="テキスト"/>
                </div>
              </div>

デフォルトのエクスポートdefineComponent({
  名前：「ソルエクル」、
  データ（） {
    const quesType = "";
    const coktanSecmeli = 0;
    戻る {
      クエリの種類、
      コクタンセクメリ、
    };
  }、
  コンポーネント: {
    エラーメッセージ、
    分野、
    形状、
  }、
  小道具: {
    ウィジェットクラス: 文字列、
  }、
  メソッド: {}、
});

私たちは試みましたが、この問題は解決できませんでした。私たちは v-model の長さをどのように取得し、その長さを使用して、このモデルの長さとして html スレッドを構築するかを考えました。また、配列と v-html を使用することも試みましたが、成功しませんでした。 ;/p>

Answer 1

coktanSecmeli のスコープを作成する必要があります。これに対して計算されたプロパティを定義しましょう:

リーリー

または、標準構文を使用します:

リーリー

次に、v-for にはこの範囲を使用する必要があります:

リーリー