vue.js关于循环后台数据中监听多个input的问题

phoenixsky 发布于2019-08-22 13:40 / 2508人阅读

摘要：我们在获取后端数据的时候，有时候会在列表中生成很多的，而我们又想实时监听这些，有些同学用的监听，但我觉得数据太多的话用也不好写，就比如我下面的这种，修改一开始我也想用，但感觉特别蛋疼，最后还是用了常用的，而我这个还要控制，输入必

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

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

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

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

GPU云服务器云服务器 python中input的用法关于javascript的问题关于php的问题关于系统错误的问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92389.html

vue.js关于循环出来多个input并让每个input后的修改按钮控制其值

摘要：从后端返回的数据中，有时候你会遇到一堆的，然后每个后面都跟有一个按钮，就像这种情况其中有两个问题，在一个框里面输入值，然后所有的值都都会显示你输入的结果每个输入框点击能控制所有的而不只是它前面的那一个其实解决也不复杂，主要是运用到了循环以及从后端返回的数据中，有时候你会遇到一堆的input，然后每个input后面都跟有一个按钮，就像这种情况showImg(https://segmen...

xiangchaobin 2019-08-22 11:16 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0
前端面试题总结——VUE（持续更新中）

摘要：前端面试题总结持续更新中是哪个组件的属性模块的组件。都提供合理的钩子函数，可以让开发者定制化地去处理需求。前端面试题总结——VUE（持续更新中） 1.active-class是哪个组件的属性？ vue-router模块的router-link组件。 2.嵌套路由怎么定义？在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。 //引入两个组件 ...

SimonMa 2019-08-22 16:08 评论0 收藏0