手机 网站服务器,电子工程职业学院,wordpress 个人soho,网站建设正版软件这可能是因为 Vue 的渲染更新机制。Vue 使用异步更新队列#xff0c;当你观察到数据变化时#xff0c;Vue 将开启一个队列#xff0c;并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发#xff0c;只会被推入到队列中一次。这种在缓冲时去除重复数…这可能是因为 Vue 的渲染更新机制。Vue 使用异步更新队列当你观察到数据变化时Vue 将开启一个队列并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后在下一个的事件循环 “tick” 中Vue 刷新队列并执行实际已去重的工作。
在你的情况下当你选择分包合同的值时可能是因为 Vue 还没有来得及更新 DOM所以你看不到新的值。当你在其他输入框输入内容时触发了 Vue 的更新机制所以你可以看到分包合同的新值。
你可以尝试使用 Vue 的 nextTick 方法来解决这个问题。nextTick 方法用于延迟回调在下次 DOM 更新循环结束之后执行。在修改数据之后立即使用这个方法获取更新后的 DOM。例如
this.baseForm.fkProjectContractPurchase newValue;
this.$nextTick(() {// DOM 现在更新了// this 绑定到当前实例this.$refs.myInput.value newValue;
});