脚本宝典收集整理的这篇文章主要介绍了vue.js关于循环后台数据中监听多个input的问题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

我们在获取后端数据的时候，有时候会在列表中生成很多的input，而我们又想实时监听这些input，有些同学用的watch监听，但我觉得数据太多的话用watch也不好写，就比如我下面的这种，

<tr v-for="(item,index) in bstp" v-if="bstp">
    <td><input type="text" name="" id="input" class="form-control" @input="newVal(index,item.value)" min="0" step="" required="required" title="" v-model="item.value" ref="value"></td>
    <td><button type="button" class="BTn btn-success btn-sm" @click="amendCardNum(index)">修改</button></td>
</tr>

一开始我也想用wath，但感觉特别蛋疼，最后还是用了常用的oninput，而我这个还要控制，输入必须是大于0的数字，所以我就加了个方法写成了这样

newVal(index,v){
    let n=parseInt(v);
    if(n<0 || isNaN(n)){
        n=0;
    }
        this.bstp[index].value=n;
}

监听多个从后端获取的input数据的小伙伴们可以参考下，当然前提是没有更好的方法的情况下，我觉得这个还挺好用的！

脚本宝典总结

以上是脚本宝典为你收集整理的vue.js关于循环后台数据中监听多个input的问题全部内容，希望文章能够帮你解决vue.js关于循环后台数据中监听多个input的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。