关于v-model 绑定数组的坑!

关于v-model 绑定数组的坑,并附带两个文本框的正则,一个小数,一个正整数!可以参考下
由于我的数组gsData[] 和 rsData[] 的下标,是 在v-for里获取的,
当我在文本框输入值的时候,只能自上而下输入,哪怕我光标停留在第二个文本框,它也会输入在第一个文本框,

    <tr class="row" v-for="(item,index) in SUB_ZhiGxData">
        <td class="col-lg-1">{{item.zhigxmc}}
        </td>
        <td>
            <!--只能输入小数-->
            <input id="WorkingHours"  v-model="gsData[index]" href="abc" type="text" autocomplete="off"
                   onkeyup="value=value.replace(/[^\d^\.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"
                   placeholder="输入工时" />
        </td>
        <td>
            <!--只能输入正整数-->
            <input id="ProductionLineNum" v-model="rsData[index]" type="text" value="1"
                   onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}
                   else{this.value=this.value.replace(/\D/g,'')}"
                   onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"
                   placeholder="输入人数"  autofocus/>
        </td>
    </tr>

你在成测那里输入一个3,它会输入在半测那里,然后再耐压,最后才是成测
然后各种尝试,各种百度,不说了~~~~
最后找到答案了,
大致意思是,先给 v-for 里的数组 赋值为空,
currSelf.gsData=[];
currSelf.rsData=[];
像这样赋值时没用的!

必须这样,前提你的v-for里数组 有值,

currSelf.SUB_ZhiGxData.push({
       //具体的就不写了
   });

然后在ajax里complete函数里用Vue.set给数组每个元素赋值给"",

 complete: function () {
           $.hideLoading();
       for(var i in currSelf.SUB_ZhiGxData){
           Vue.set(currSelf.gsData,i,"");
           Vue.set(currSelf.rsData,i,"");
           }
  }       

这样,我的文本框就可以随便输入了,不用按顺序了,

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值