Southern Wind 2022-08-12 11:06 采纳率: 51.5%
浏览 109
已结题

Vue3中的vant怎么通过用户输入的数量生成一样的input框,但绑定的值不一样

有没有推荐的好的写法将输入框中输入数字几就生成对应的input数量并且v-model也不一样

img


想要达到这种效果想要把v-model绑定不同的实例

  • 写回答

3条回答 默认 最新

  • 雾里桃花 2022-08-12 11:22
    关注

    data中定义一个数组

    data() {
      return {
        inputs: []
      }
    }
    

    输入次数的时候向inputs数组push对象

    addInput(num) {
      for(let i = 0; i < num; i++) {
        this.inputs.push({date: 'xxx', name: 'xxx'})
      }
    }
    

    最后在template中绑定

    <div v-for='item in inputs'>
      <input v-model='item.date' />
    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月26日
  • 已采纳回答 8月18日
  • 创建了问题 8月12日

悬赏问题

  • ¥20 医学图像格式、医学图像后处理
  • ¥15 MATLAB中的矩阵分离问题
  • ¥15 服务端可运行语言,解析unity文件
  • ¥15 英飞凌TC387使用MCAL唤醒TJA1145问题
  • ¥15 android tv图标显示异常
  • ¥20 (标签-AR|关键词-预测分析)
  • ¥15 QT IFW 自定义界面添加lineedit小键盘输入数字无效果
  • ¥15 python thinter动态建立Entry并读取数据
  • ¥150 电路仿真,演示反激变压器升压
  • ¥100 libcurl使用无法连接服务器问题