首页  >  问答  >  正文

创建输入标签作为 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 天前430

全部回复(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
  • 取消回复