脚本宝典收集整理的这篇文章主要介绍了

vue中v-model的值和value值相关问题

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

最近这段时间在做库存管理相关功能,大量的表单需要处理,输入内容需要验证校验并且修改,所以才会有这次记录

正常输入是这种效果:
clipboard.png

*没什么问题,一切正常,在输入时监听了onchange事件,如果金额大于应付金额,强行变成应付金额数
所以这个时候就会有问题了,第一次可以赋值成功,但是再次输入比应付金额还大时,value值就不会变化
了,但是v-model的值就是应付金额数*

clipboard.png

黑人冒号脸? 静想一分钟......

v-model的值和value的值不同步 难道是异步更新的?

然后想到nextTick方法

Vue.nextTick的方法,是在DOM更新循环结束之后执行延迟的回调,所以我在赋值v-model值的时候,应该是在该回调后才行

总结

以上是脚本宝典为你收集整理的

vue中v-model的值和value值相关问题

全部内容,希望文章能够帮你解决

vue中v-model的值和value值相关问题

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过